DMS 2 Styling The Rev Slider

[Kempston+ 1]

Good day.

 

I'm trying to figure out how to create the background behind the text on the Rev Slider as seen here:

 

I found this here: http://docs.pagelines.com/tutorials/using-sections. Is there somewhere else I should be looking for more detail on using sections?

 

Many thanks

 

Rob

[Kempston+ 1]

I think I've figured it out. Put the following CSS in the Custom Design section:

 

.revslider-container h2.slider-text small {

background-color: rgba(57, 57, 57, 0.8);

}

[Kempston+ 1]

How do I add a gap?

 

[Danny+ 1,327]

Unfortunately, the RevSlider markup changed and therefore, it is not possible to to achieve this kind of styling out of the box.

However, what you can do is wrap your slider text in spans and style them. For exameple:

 

<span style="background-color: red;">Truck Hire</span>

<span style="background-color: red">The right truck for the job</span>

If when you do this there is still no gap present, you will want to include a small margin-bottom to the first span. Like so:

 

<span style="background-color: red; margin-bottom: 10px;">Truck Hire</span>

<span style="background-color: red">The right truck for the job</span>

[chuckrose1 2]

How are you inserting the HTML?

 

I get adding custom CSS, but not how to alter the HTML structure. Is there another article to read?

[Danny+ 1,327]

I add the HTML in the text field options.