Slider Revolution 6.1.2 cannot text-align:center

Hi guys,

I’ve created a Scene in Slider Revolution with a static but responsive background image. On top of this image I have placed a text box with a header followed by two short paragraphs. I need all of the text to be center aligned and the header to be twice the size of the body text. I have spent 9 hours trying everything to center and increase the size of the header. However, no matter what I do, as soon as I increase the size of the header paragraph the text-align attribute gets overwritten to “text-align: left”. It looks like it’s being overwritten by “element.style {” which may relate to the source code?

I’m using the following html in the contents box (with open < removed to allow this to be visible):

div style=“padding:1em 1em; color:#ffffff; font-family:verdana; font-weight:400; text-align:center !important;”>
p style=“font-size: 2em;”>
GET IN TOUCH
/p>
p>
The X team are here to provide flexible solutions and listen to your feedback.
/p>
p>
If our FAQ’s do not answer your question – then please get in touch.
/p>
/div>

I have also used the “text align” function in “Content” and ensured that settings are consistent for all screen sizes. I have tried to use the “!important” tag to no avail. I have tried altering the font-size based on em, px, %, large. I have tried different divs and spans and creating a single paragraph with breaks.

It’s very frustrating given when I Inspect the page all I have to do to achieve the result I want is uncheck the “text-align: left;” box under element.style. However, I have no way of influencing this via HTML or CSS.

Thanks in advance for your consideration.

Oliver

Hi Oliver,

Thanks for writing in. Have you tried adding a class to the “GET IN TOUCH” header? So that part of the html would look like this.

<p class="get_in_touch">
   GET IN TOUCH
</p>

Then after that, add this css to the theme’s custom css.

.get_in_touch{
  text-align:center !important;
  font-size: 2em;
}

Hope it helps.

Champion. You’re on fire today Albrechtx. Thanks so much for your help and simple solutions!

Thanks for your kind words, Oliver. Albrecht sure is a credit to our team :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.