Tagged: centered, quote, special heading, style
Hi, I would like to center align our “Special Heading” title without having to choose “Quote Style Classic” as the style, because this seems to be the only setting that centers the title. The problem with this option is the font looks completely irregular with our chosen standard font. Is there something I can do to use the “Quote Style Modern” style of font or a font of my own choice and still have it centered?
Thanks
Hi!
Insert following code into the quick css field
body .av-special-heading.blockquote > * {
text-align: center;
}
Regards,
Peter
Works perfectly, thanks Peter.
Is there a way to do this only on one specific page? I want the modern-style centered on the homepage but alined on the right on other pages.
Thank you!
Regards, Dennis
Hi Dennis,
You would need to use the page ID class for each specific page. Eg:
#top.page-id-70 .av-special-heading.blockquote > * {
text-align: center;
}
Where 70 is the page ID.
Regards,
Devin
How can I make the modern-style heading centered in some of the elements and on the right in the other, all in the same page?
Each would need to be in a color section and you would give that color section a specific ID (in its ID field). Then target the page and ID before the heading class. Eg:
#top.page-id-70 #custom-color-section1 .av-special-heading.blockquote > * {
text-align: center;
}
Hi,
My page id is 2118, and I set the ID of the color section to 10. the code I used was:
#top.page-id-2118 #custom-color-section10 .av-special-heading.blockquote > * {
text-align: center;
}
Any idea why it’s not working..?
Hi,
Can you give us a link to your website? We would like to inspect it.
Regards,
Ismael
Regarding accessing the page, unfortunately, it’s under Test Drive mode. I can give you admin permissions and the page URL..
Hi erantdo,
The center won’t work for all of the special headings (only the ones without any decoration). So if you are using the one with the line then it won’t center correctly.
Regards,
Devin