Support » Theme: Reykjavik » How to set Backgroud Image in Header on SubPages

  • Resolved kalayanis

    (@kalayanis)


    Hello,

    Currently I can set Background Image on Header on Home Page, but I cannot find a way to do the same with the rest of my pages.

    I have the option to “Set featured image”, but it is positioned under the Page Title. Basically I want all my pages to have same background Header Image and title positioned over the Image(as in the Homepage).

    Could you please assist?

    Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi,

    The theme applies a special page intro only on homepage, other pages have a different page intro style.

    However, you can simply recreate the intro on a page you need. Just set a “No intro” page template on the page and use WordPress editor or a page builder to create a custom intro to your needs.

    Tip: When using a default WordPress page editor, you can use a Cover block as a page intro and set a compensate-content-padding-top class on it to stick it to the top.

    The theme documentation will help you understand and tweak each theme element. Especially useful is an “Anatomy” section of theme documentation.

    Also, please note that I provide official support via https://support.webmandesign.eu/

    Best regards,

    Oliver

    Hi Oliver,

    Thank you for the quick feedback!

    “No Intro” tweak is ok, but I have to set and change all my pages Titles manually.

    “compensate-content-padding-top” tip does not work for me – it puts it just under the Page Title and doesn’t stretch to occupy the full site width.

    I am thinking of adding “Additional CSS” and setting background image to it. Do you think that this will work?

    Best Regards,
    Kala

    Theme Author WebMan Design | Oliver Juhas

    (@webmandesign)

    Hi Kala,

    “compensate-content-padding-top” tip does not work for me – it puts it just under the Page Title and doesn’t stretch to occupy the full site width.

    For full site width please set the Cover block to full width alignment.

    I am thinking of adding “Additional CSS” and setting background image to it. Do you think that this will work?

    Depending on your needs, this may work just fine too. Try using your web browser code inspector to determine the CSS for your theme modifications.

    Best regards,

    Oliver

    Thank you!

    Will write back when I do the “Additional CSS” trick.

    All the best!

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.