[ZonalRipper]

Hi,

I found a post previously about moving the social link in the header area. But the custom CSS  i entered doesn’t appear to do anything.

I wanted to move the social links above my Logo and reduce the spacing.

Here is the website: http://www.tpsukpodcast.com

The CSS was:

#header .social-search {margin-top: 20px;}
#header .logo-wrap { margin-top: 30px; }
#header #mainmenu { margin-top: 30px; }

This is the content of my total Custom CSS  Style:

#header .social-search form.searchform {display: none;}
#main #content .post h2.entry-title { font-size: 20px; line-height:25px; }
#add_image_size( ‘featured’, 100, 100, true); // uses on homepage featured image
#header .social-search {margin-top: 20px;}
#header .logo-wrap { margin-top: 30px; }
#header #mainmenu { margin-top: 30px; }

Thanks

Zonal

[ZonalRipper]

Also….

Is it possible to change to opacity of the large grey area behind the logo?

Thanks

[Sakin]

Cannot change the opacity of the larger grey background. You can either remove the background by adding following css in Custom CSS box
#header {background: none; }

Or you can change the background image to transparent one
#header {background: url("Your Image URL") repeat-x scroll left bottom transparent; }

For social icon above:

#header .layout-978 { position: relative; }
#header .logo-wrap { margin-top: 55px; }
#header .social-search { margin-top: 10px; padding-right: 0; position: absolute; right: 0; top: 0; }


[ZonalRipper]

Hi,

 

Many thanks, worked a treat except for

#header { background: none; }

This doesn’t appear to work, the large grey area still remains, also the padding for the bottom of the logo i can’t get to work either, i would like the Logo closer to the menu

Thanks,

Zonal

[Sakin]

Hi Zonal,

Please remove this from “Custom CSS” and it will work
#add_image_size( 'featured', 50, 50, true); // uses on homepage featured image

You are supposed to add only css in “Custom CSS” box not the WordPress Functions.

Regards,
Sakin

[Author]

Posts