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
