cross90

Thanks for the feedback guys.

@billy-not-happy Thanks! hadent realised that myself. The social buttons have been an ongoing battle due to my complete novice status with CSS or indeed coding in general.

How exactly would I go about solving the issue and have the buttons appear solid in the header 100% of the time ?

Hmm… Scratch that.

Admin Panel > Appearance > Background > Fixed.

WP really does make things easy. Need to get used to it ha.

Thanks for the comments guys!

@kjodle – Fixed background awesome idea! Its a definate, background image does need to be reworked its pretty poor. Knocked together in GIMP in a matter of minutes.

@andrew – That screenshot mockup does look awesome! Torn between changing the whole design and sticking with it! Probably one to note for future larger updates. Want to get the current design 100% solid before I rip it all up again =)

I’ve tried to implement the fixed background which on my forum page being PhpBB was relatively easy just added background-attachment: fixed; into its style sheet.

But with WP I can’t seem to find where to apply it within my style sheet. I simply put it within body { but to no avail. Any ideas ?

Hey thanks for the comment.

Just gave it a go. Spacing between the 4 social buttons doesnt seem to have changed at all.

Just had to change the amount of px in right to have to sit in the correct place.

Plain lines and clear text offset by bright colourful pictures. Awesome man.

Hey looks good man, as above the header image in the grey against the black is hard to make out. Need something lighter to make it jump out more.

keep up the work!

[Link removed. Please stick to asking for review in your own topic.]

Looks good, I quite like the gray/orange scheme. The orange makes up for the ‘blah’ of the grey.

Only thing I don’t like is the sharpness of the title. The word ‘social’ almost looks blurred and I’m pretty sure its not just my eyes everything else looks really sharp.

[Link removed. Please stick to asking for review in your own topic.]

Looks good man, I look forward to the day I can knock something custom up like that.

Only constructive critism I would say is it looks abit flat to my eye ? Some darker or more pronounced shadowing on the feature boxes ? Or perhaps a slight gradient on the green background filtering down from the trees ?

Some feedback from yourself on my site would be greatly appriciated. I’m struggling to give it that certain professional look of sorts.
[Link removed. Please stick to asking for review in your own topic.]

Hey thanks for your reply, I’ve implemented a container seen below as ‘social_bar’ and now have all 4 objects under on tag as ‘social_buttons’. Works perfectly and is postioned near enough correctly. However with the 4 objects being held together the spacing of them is slightly out compared to a page which I’m trying to mirror https://forum.ukhiking.co.uk which is a PhpBB page.

Is there anyway I can bring the objects ever to closed together to pages match.

WordPress – https://www.ukhiking.co.uk
PhpBB – https://forum.ukhiking.co.uk

If you open both pages and flick between them you can see the social buttons move very slightly. I’m aiming to have this pixel perfect if possible.

style.css

#social_bar {
   margin: 0 auto;
   height: 24px;
   top: -64px;
   right: 25px;
   position: relative;
   z-index: 9999999999;
}

#social_buttons {
   float: right;
}

header.php

<div id="social_bar">
<div id="social_buttons">

<a href="https://www.facebook.com/ukhiking/" target="_blank"><img alt="Facebook" src="phpBB3/styles/prosilver/theme/images/social/social_facebook.png"></a>
<a href="https://www.twitter.com/ukhiking/" target="_blank"><img alt="Twitter" src="phpBB3/styles/prosilver/theme/images/social/social_twitter.png"></a>
<a href="https://www.google.com/ukhiking" target="_blank"><img alt="Google +" src="phpBB3/styles/prosilver/theme/images/social/social_google.png"></a>
<a href="https://feeds.feedburner.com/ukhiking" target="_blank"><img alt="RSS Feed" src="phpBB3/styles/prosilver/theme/images/social/social_rss.png"></a>

</div>
</div>

Hi Paul,

Thanks for your suggestion. Looking into Google search now. Could be the answer to my problems.

Thanks you!

Cheers man, Thanks for your help. Much appreciated.

Awesome!! Thannks I’ll take a look at that plugin.

Don’t want to push my luck, but any idea on how to remove the search bar that is above the catagorie section ?

All modification has been made in ‘style.css’ and no where else as well.

I’ve just replaced the twenty-eleven ‘style.css’ sheet with my own modified one, having reserved an original copy to upload via FTP incase it goes wrong.

The search bar in the header bar on the rights magnifying glass is not in full view. It needs to move up slightly. But altering various things in trying to do so I end up moving it completely out of place.

The search bar above the catogories section I am also looking to remove all together.