Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • February 7, 2014 at 12:24 am #220727
    aliquill

    I am trying to create a 3/4 width header. I’ve used your css to turn off the logo so I can use the background image. But no matter what image size I use I just can’t get it aligned properly. see http://test.brightminder.co.uk/ How do I get the image closer to the social icons. What is max size image Enfold will handle?

    February 7, 2014 at 6:54 am #220782
    Ismael

    Hi aliquill!

    Please remove the header background then add this on Quick CSS or custom.css:

    .bottom_nav_header.social_header #header_main .container {
height: 88px;
line-height: 88px;
background: #ffffff url(https://test.brightminder.co.uk/wp-content/uploads/2013/04/header-710x100.jpg) center left no-repeat scroll;
}

    Regards,
    Ismael

    February 7, 2014 at 10:42 pm #221061
    aliquill

    Thanks for your speedy reply..that sorts out part of the issue, thanks. I was hoping to align the background header on the far left so it balances the full width slider. Is that possible? http://test.brightminder.co.uk/

    February 9, 2014 at 7:51 pm #221386
    Josue

    Hey!

    Try with this code instead:

    .bottom_nav_header.social_header #header_main {
    background: #ffffff url(https://test.brightminder.co.uk/wp-content/uploads/2013/04/header-710x100.jpg) center left no-repeat scroll;
    background-size: contain;
}

    Cheers!
    Josue

    February 9, 2014 at 10:33 pm #221412
    aliquill

    Sorted! Thanks as always for great support

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Background Image’ is closed to new replies.