Tagged: header image, Simple Catch
- This topic has 9 replies, 2 voices, and was last updated 11 years, 4 months ago by
Sakin.
-
AuthorPosts
-
May 1, 2013 at 10:24 am #8128
m.ohare.lyons
MemberHello – 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!
MeganMay 2, 2013 at 12:03 pm #8246Sakin
Keymaster@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.
May 2, 2013 at 11:22 pm #8316m.ohare.lyons
MemberThanks 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
May 2, 2013 at 11:23 pm #8317m.ohare.lyons
MemberBy the way, that link doesn’t work since I included spaces, but if you copy and paste I think it will work!
May 3, 2013 at 11:52 pm #8384Sakin
Keymaster@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”
May 5, 2013 at 1:02 am #8458m.ohare.lyons
MemberThank 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!
May 5, 2013 at 2:44 am #8463Sakin
Keymaster@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; }May 5, 2013 at 3:04 am #8466m.ohare.lyons
MemberAwesome! Thank you!!
May 6, 2013 at 2:19 am #8497m.ohare.lyons
MemberDo 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!
May 6, 2013 at 2:32 am #8498 -
AuthorPosts
- The topic ‘New Header Image Issue’ is closed to new replies.