[Resolved] Adding Image to Front Page

Home Forums Support [Resolved] Adding Image to Front Page

Home Forums Support Adding Image to Front Page

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

    Hi,

    My name is Berkay and this is my website: http://www.bascihukuk.com/

    I would like to add an image to front page (white gap below the navigation bar) and i also want to merge with the navigation bar. I watched the tutorial videos but i just could’nt find a way. I am using a static front page but it is not my blog page. What should i do to achieve that? What kind of code should i put in the page hero section when i create a header element?

    Thanks in advance,

    #669151
    David
    Staff
    Customer Support

    Hi Berkay,

    Tom demonstrates here how to create a merged header using the Elements module.

    https://docs.generatepress.com/article/header-element-overview/

    If you want you can add an Elementor shortcode to the Header content using this method.

    #669166
    Berkay

    Hi,

    Thanks for quick feedback. I watched that video and i have choosen the front page preference through display rules section but it did not work. Should i type a code in the page hero section? Don’t know what to do.

    Thanks,

    #669186
    David
    Staff
    Customer Support

    So the Page Hero has to have some content in it for it to display. This could be text, HTML or a Shortcode.
    If you are just setting a background image and dont want any content then you can add this to the Hero content:

    <!-- Page Hero -->

    Its a HTML comment so wont be displayed.

    #669247
    Berkay

    I choose front page from display rules section and merge from site header section and i also put that code but it did not work. What am i doing wrong?

    #669255
    David
    Staff
    Customer Support

    So on the Hero tab.
    Apply some Top and Bottom padding – this will create the height.
    You have background overlay checked, but the color is solid white, either uncheck the overlay or change the colors opacity.

    Once that is done you can change the Navigation colors on the Site Header Tab. You make them transparent also.

    This may be of use to you:

    https://docs.generatepress.com/article/page-hero-examples/

    #669549
    Berkay

    Thank you David it worked. Very much appreciated. I have been trying to make this work for a while. Lastly, can i ask that how can i remove the white space between the front page image and the section i created with elementor?

    #669555
    David
    Staff
    Customer Support

    Ok so thats the entry title. Use the Layout Element, Select Disable > Content Title and then set your display rules. But make sure you add back a H1 heading somewhere in your content.

    #669660
    Berkay

    Thank you for your help David. I think we can close this topic 🙂

    #669689
    David
    Staff
    Customer Support

    Glad i could be of help

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