[adunning]

Hi – another question: I have added an image to my site as a header image in place of the title – I can’t get it to appear either centred or so it fits the width of the page and is balanced with the rest of the site. It is set to the left. Can you please advise? Thanks

[Mahesh]

Hi @adunning,

Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add any of the following CSS.

1. For Header logo Centered:

#site-logo {
	float: none;
}

#site-logo img {
	margin: 0 auto;
}

2. For Header logo full width:

#site-logo {
	float: none;
}

#site-logo img {
	width: 100%;
}

Regards,
Mahesh

[adunning]

Great – many thanks Mahesh!

[adunning]

Hi Mahesh – This isn’t working for me yet – whatever image I upload, I have a white border all around it which looks bad – the code didn’t seem to make a difference…

[Mahesh]

Hi @adunning,

You mean the logo, the one in the top? I’ve just check your site and the image is displaying fine and is in full width, I don’t see any white borders.

Please check it and let me know if any problems.

Regards,
Mahesh

[adunning]

Hi Mahesh, I had put back up one with an all white background for the time being. But I was trying to put up one with a colored background which didn’t fill the header image section and there was a white border all around it – I’ll put that back up for you to see what I mean, my client wants one with a colored background – thanks again!

[Mahesh]

Hi @adunning,

Finally understood your problem.
Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

#hgroup-wrap {
    padding: 0;
}
#site-logo {
    padding-top: 0;
}

Let me know if this solves your issue.

Regards,
Mahesh

[adunning]

Brilliant – that works fine – many thanks Mahesh!

[Author]

Posts