[m.ohare.lyons]

Hello – I am trying to insert a new header image (on my site, http://www.thelyonsshare.org) and am inserting this code in style.css of my child theme:

#header #mainmenu { margin-top: 0; }

#header {
background: url(‘http://www.thelyonsshare.org/wp-content/uploads/2013/04/Lyons_Share_Wellness_Header_High%5B1%5D.png)
left bottom repeat-x; }

The first part was initially there to reduce margin size, but even when I delete that, I still don’t see my image. Can you help me fix the code? Also, what code will I need to remove the existing title and logo (I assume that when I insert my image, you might see the existing title and logo on top of the image)? Thank you so much for your help!
Megan

[Sakin]

@Megan: Hello megan, I actually doesn’t understand your request. Sorry for that. Can you upload the screenshot of the design what you are tying to do in your site and send me the URL of the screenshot. In this way I can understand better.

[m.ohare.lyons]

Thanks for your response, @Sakin!! Sorry I’m not describing it well. I tried to sketch it out and then upload the file … let me know if you can see this as I’m obviously very novice at this stuff! I really, really appreciate your help.

http://www.thelyonsshare.org/wp-content/uploads/2013/05/website front page.pptx

[m.ohare.lyons]

By the way, that link doesn’t work since I included spaces, but if you copy and paste I think it will work!

[Sakin]

@m.ohare.lyons: Yes I can open the file, thanks.

You can simply upload the large header image in “Appearance => Theme Options => Logo Options => Header logo url” and Check the “Disable Site Title” and “Disable Site Description”

[m.ohare.lyons]

Thank you so much, @Sakin! That worked. Is there any way you can help me reduce the “white space” (green space for me) around the header image now? Really appreciate the help!

[Sakin]

@m.ohare.lyons: Just add the following CSS in “Appearance => Theme Options => Custom CSS” box.
#header .logo-wrap { margin-top: 0; padding-left: 0; }
#site-logo a img { max-width: 978px; padding-right: 0; }
#header .social-search { margin-top: -33px; }

[m.ohare.lyons]

Awesome! Thank you!!

[m.ohare.lyons]

Do you have suggestions for how to reduce the white space on the left and right sides, as well, so the content of my site takes up more of the screen? Thank you!

[Sakin]

@m.ohare.lyons: There is no white space in your site. You site is full with 978px width. That is the maximum size of Simple Catch Theme.

[Author]

Posts