-
Posts
-
Hello,
I’ve got a headline rotator, which i would like to have the rotating text be on two lines. One for the quote body, and one for the author.
You can see here what i mean:Where the :CURATED FASHION FOR LOVERS should be the headline (prepended static text), then the next line should be the centred quote, but then, for example, I’d like “karl lagerfeld” to be on a bottom line.
I tried using a BR after the quote, in the “add/edit rotating text filed”, but it just totally screws things up and looks like this:
I also tried sticking this in the Quick CSS: span.av-rotator-text-single + br { display: none; } – which i got from some other thread, but it doesn’t seem to do anything.
How can i get line-breaks in the rotating text?
Thanks!
SteveHey sgkeil,
You could try limiting the width of the rotator:
#top span.av-rotator-text { max-width: 500px; display: block; margin: 0 auto; }Best regards,
JosueHi,
Try adding a line break tag where ever you would like the break in the text:
<br>Regards,
RikardHi Rikard;
Oddly I’d tried that before, and it didn’t work, now seems to. However, it also now seems to “shrink” the container width. Check out these two examples:
The container width for the first is “100%”, or longer than the headline (CURATED FASHION FOR LOVERS), you can see that in the 3rd quote easily: on the first page
“I loathe narcissism, but I approve of vanity.” Diana Vreeland
where the fashion-2 page the quote is as if it’s in a shorter container?Also,
When add the <br>, in Chrome when you go full-width the screen, the top headline (CURATED FASHION FOR LOVERS) goes side-by-side rather than multi-line (even though multi-line is checked).. but it doesn’t do that on IE or Firefox :(Hi,
Could you please provide a screenshot of the issue? I checked the rotator and the line breaks are working.
Best regards,
IsmaelHi Sure,
Here are the links. You can also see it on these pages:http://www.whyconcept.co/wp-content/uploads/2016/06/With-BR.jpg
http://www.whyconcept.co/wp-content/uploads/2016/06/No-Line-Breaks.jpgHi,
what I see on both of your pages is this:
Which looks totally fine for me. Could you fix it?
Please clear browser cache and hard refresh a few times.Best regards,
AndyHi…no?
In fact, i see exactly what i sent you in the images above, still. I have cleared all cache, and i see it both on IE, Firefox, and Chrome.
Do you see the link?I’m not sure why you can’t possibly see this? It’s literally as the images I sent. It’s side-by-side container when I add line breaks.
And how can it be fixed, as http://www.whyconcept.co/fashion/ has no line break for the person/quoter?
:(Hi,
as you can see in my screenshot I’m on the links you’ve provided, but as you can see on the screenshot it looks totally fine (to me) and I don’t know what else you want to achieve. Please check on another computer as well. Do you want something different as shown in the screenshot I’ve provided to you?
Best regards,
AndyOh gee, that’s odd. I tried on two computers the Fashion-3 page, and both look bad (side by side) on all three browsers? The “curated fashion for lovers” is on the left, the quote on the right? I just tried a laptop…same thing? Why should this be?|
the Fashion page (standard http://www.whyconcept.co/fashion/) doesn’t have the <br> and doesn’t split the container?
- You must be logged in to reply to this topic.