Set Text Over Slider

daniel's Avatar

daniel

24 Jul, 2020 12:52 PM

Hello,

First, thank you for building such a fantastic plugin!

I write hopeful you can kindly advise how I can replicate something on a slider I've saw elsewhere using RoyalSlider

If you visit barclayscenter.com you'll see they have information overlaying each slider, I've attached a picture and circled what I mean.

Can anyone kindly share how I can best replicate this? I dont think they'll manually adding it with the block editor?

Thanks

  1. Support Staff 1 Posted by Dmitry Semenov on 24 Jul, 2020 02:20 PM

    Dmitry Semenov's Avatar

    Hello,

    If you want to use the same structure for each slide (image + title + description + button), you may use Slide Markup Editor in general options.

    For example, somewhere after {{image_tag}} add something like:

    <div class="my-overlay">
      <h4>{{title}}</h4>
      <p>{{description}}</p>
    </div>
    

    and then style such overlay via CSS or use your theme styles.

    You can also use global caption (it works the same way, but content will be placed over the slides). http://help.dimsemenov.com/kb/wordpress-royalslider-tutorials/wp-us...

  2. 2 Posted by daniel on 24 Jul, 2020 03:39 PM

    daniel's Avatar

    Thank you very much.

    Would you consider accepting a commission to replicate the screenshot I sent on a test environment if I popped across payment and a test site environment?

  3. Support Staff 3 Posted by Dmitry Semenov on 25 Jul, 2020 07:21 AM

    Dmitry Semenov's Avatar

    Sorry, I don't take custom work at the moment.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • slider.jpg 931 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac