Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #8128

    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

    #8246
    Sakin
    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.

    #8316

    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

    #8317

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

    #8384
    Sakin
    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”

    #8458

    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!

    #8463
    Sakin
    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; }

    #8466

    Awesome! Thank you!!

    #8497

    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!

    #8498
    Sakin
    Keymaster

    @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.

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘New Header Image Issue’ is closed to new replies.