[Resolved] SiteOrigin-Hero Slider at the homepage

  • Author
    Posts
  • #16454

    Michelle2
    Participant

    Hello dear forum.

    I would like to have my Slider just like in the https://purothemes.com/documentation/polestar-wordpress-theme/polestar-demo-home-page/. I edited the page settings just like said in the tutorial.

    My problem is that the picture for the slider, set as the background just like in the example overlaps with my menu above. So the picture is a background for the menu as well, till I don’t scroll down. Is there a setting I didn’t check on? Or is there a defined height for the pictures?

    Thank you very much

    #16455

    Andrew Misplon
    Keymaster

    Hi Michelle

    When editing the page, check the Page Settings in the right column. Ensure that the overlap setting is not enabled.

    Thanks

    Andrew

    #16456

    Michelle2
    Participant

    Thank you for the quick answer! That works.

    But when I disable the page title (so I have the menu on top and right under it the slider) the picture is cropped by few pixels.

    My page settings are: * page layout: no sidebar * header overlap: disabled *header bottom margin: disabled *page title : disabled *footer top margin: disabled and footer widgets: enabled.

    Do you know where the problem is?

    Thank you and best regards.

    #16457

    Andrew Misplon
    Keymaster

    Glad to hear you’re making progress.

    The SiteOrigin Hero Widget uses background image size = cover. Cover will cover the available area with the image. This means that the background image isn’t displayed at 100% of the image, it’s displayed at 100% of the container size. If aren’t using text layers then you can consider using the SiteOrigin Slider Widget. Alternatively, you can give Smart Slider 3 a try which offers a wider array of background-size options for full-width (stretched) sliders.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘SiteOrigin-Hero Slider at the homepage’ is closed to new replies.

Scroll to top