Static Container Over MetaSlider

  • Resolved Sean Dougall

    (@seanrwdougall)


    7 months, 2 weeks ago

    I want to add a text box over the Slider as on the Home Page of the Theme at Home – Interior Designer (websitedemos.net) (the black box with text under the image of the man that looks like Gary Barlow!) I’m using Gutenberg and the slider that comes with the Theme, that I want to replace, is in a Container and the text box is in its own Container. Any suggestions please?

Viewing 1 replies (of 1 total)
  • Plugin Author htmgarcia

    (@htmgarcia)

    Hi @seanrwdougall,

    custom CSS and some basic HTML is required here. While editing your post or page where the slideshow is inserted, be sure your slideshow and the overlay text box are wrapped by a <div>. The wrapper must be in relative position, while the overlay text box in absolute position. Make adjustments to position your text box with left/right and top CSS properties depending your needs. Also set a high z-index value to make sure the text box overlays the slideshow.

    <div style="position: relative;">
    <div style="position: absolute; width: 200px; right: 100px; top: -100px; z-index: 999;">
        <h3>Text header</h3>
        <p>More text...</p>
    </div>
    <div>Your metaslider slideshow</div>
</div>

Viewing 1 replies (of 1 total)
  • The topic ‘Static Container Over MetaSlider’ is closed to new replies.