-
Posts
-
Hi,
I have a page built with the Avia Layout builder, added first a COLOR SECTION and within it a TEXT BLOCK and added in it:
<h2 style="text-align: center; color: white;">NEWSLETTER</h2>With double
"Firefox doesn’t show the CSS style right: centered and white, but instead the standard CSS grey font and aligned left. But just in this case and only on that page I need it centered and white.
So I go back to the text block and changed the
"to
'saved it again, reload the page and now the CSS is outputted right in Firefox (white + centered).
But when I need to make changes to this page and go back to the Avia Layout Builder, then in the text block the single
'has again changed to
"and when I saved the page again, the CSS output is again wrong in Firefox: grey font and aligned left instead of white and centered.
Firebug shows it in a strange waythen:
Is there a fix for this?
Thanks.
Hey,
Instead of the style attribute. Please add a unique css selector to the h2 tag. Then add the style on your custom.css or Quick CSS.
Regards,
Ismael
Thanks, what do you mean with a unique selector?
Sorry, my CSS knowledge is not so perfect …
I can’t change the CSS style for the h2 tag in general, because I only need it on a few pages like the one mentioned above.
Hi,
That is why you need to add a unique css selector, something like this:
<h2 class="unique-h2">NEWSLETTER</h2>Then you can style it on your custom.css or Quick CSS:
h2.unique-h2 {
text-align: center;
display: block;
width: 100%;
color: white;
}Regards,
Ismael
- The topic ‘BUG in the Avia Layout builder: can't handle " right’ is closed to new replies.