Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 27, 2016 at 12:42 pm #692185
    seanchk

    How do I put a background image only in the logo area of the header?

    I have Logo left and menu below, and I’d like a custom background in the logo area but I don’t want it to extend into the menu area.

    Thanks

    September 27, 2016 at 7:35 pm #692387
    Jordan

    Hey seanchk,

    Would you mind posting us a screenshot/mockup of what you would like to achieve? You can upload the screenshot to imgur.com or dropbox and share the link here :)

    Also provide the link to you your site in the private data section.

    Best regards,
    Jordan

    September 28, 2016 at 7:32 am #692510
    seanchk

    Hi Jordan,

    I don’t know how to create a mockup but it’s easy to explain what I want to achieve.

    On this site http://syngenera.com/ there are 4 horizontal rows

    Top row is the Logo section

    2nd row is the menu

    3rd row is the main content

    4th row is the socket

    I’d like to place an image behind the logo which will fill the entire background of the Top row

    When I try putting in a background image for the Logo Area via the Enfold settings it places the image in both the Logo area and the Menu area.

    I only want it in the Logo area.

    I hope that is clear.

    Thanks

    September 30, 2016 at 1:38 pm #693709
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .container.av-logo-container {
    background: url(https://www.planwallpaper.com/static/images/Fall-Nature-Background-Pictures.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}

    Best regards,
    Yigit

    October 3, 2016 at 8:02 am #694471
    seanchk

    Thank you Yigit!

    That solved the problem.

    One small extra question…. how would I add a different background image to the header on different pages?

    October 3, 2016 at 11:36 am #694513
    Yigit

    Hi,

    You can add color section element to your pages and add following code into it

    <style>.container.av-logo-container {
    background: url(https://www.planwallpaper.com/static/images/Fall-Nature-Background-Pictures.jpg)!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;
}</style>

    and change only image link as needed per page

    Best regards,
    Yigit

    October 24, 2016 at 5:42 am #703106
    seanchk

    Thank you Yigit

    Sean

    October 24, 2016 at 12:48 pm #703232
    Yigit

    Hi,

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Background image only in the Logo area?’ is closed to new replies.