-
Posts
-
Hello,
I have my headline rotator text set to center and “activate multi-line” unchecked, but my text is not doing what I want. The text is more toward the center but still aligning to the left & it won’t stay all on one line. I even wish the text would shrink as the page width is reduced so it stays on one line.
Is there a way to accomplish these things? My temp site is: http://www.smcdesigns.com/susan/
Hi SaraMichelle!
The font size your using is too big. You’ll need to either reduce that or you can use this CSS to increase the width of the container.
.av-rotator-text { width: 100% !important; }You could try doing something like this.
.av-rotator-text { font-size: 4vw !important; }So the font size changes with the screen width.
Regards,
ElliottHmmm… that is not doing what I want. If you look at the site, there’s plenty of room, despite the font size, for the words to display in a straight line. The site isn’t even trying. It literally displays each word on a separate line left justified. It has nothing to do with the font size.
What I’m saying is… when I set the style –> text align –> to left it fits just fine. I literally just want that text to align in the center which is what I should accomplish when changing style –> text align –> center
Ya know what I mean?
Hey!
Please add following code to Quick CSS as well
.av-fixed-rotator-width .av-rotator-text { text-align: center; }Regards,
Yigit
- The topic ‘Headline rotator text’ is closed to new replies.