Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2015 at 8:23 am #420986
    Jason

    Hello,

    I am using Enfold with a Custom Background Image in the Logo Area set in the Enfold Theme Options -> General Styling Section.

    I would like to change this background image depending on the selected menu element or page, so the header image is relevant to the content of the selected page, post or portfolio entry.

    How could I accomplish this?

    Thanks and kind regards
    Flavio

    March 31, 2015 at 4:08 pm #421262
    Yigit

    Hi Jason!

    You can add following code to Quick CSS in Enfold theme options under General Styling tab and adjust it for each page 

    .page-id-545 .header_color .header_bg {
  background: #ffffff url(BACKGROUND IMAGE LINK HERE) top center no-repeat scroll;
}

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Cheers!
    Yigit

    • This reply was modified 9 years, 7 months ago by Yigit.
    April 1, 2015 at 8:25 am #421786
    Jason
    This reply has been marked as private.
    April 1, 2015 at 3:19 pm #421941
    Yigit

    Hey Jason!

    Sure, i removed the reference from my post :)
    You are welcome, glad we could help! Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Dynamic Header Custom Background depending on selected page’ is closed to new replies.