Tagged: headline, Headline Rotator, Line Break, multi line, rotator
-
AuthorPosts
-
June 18, 2016 at 12:11 pm #650141
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!
SteveJune 20, 2016 at 2:40 pm #650829Hey 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,
JosueJune 20, 2016 at 3:03 pm #650852Hi…that didn’t work. Is there a way to force a line break? Thanks!
June 21, 2016 at 8:44 am #651336Hi,
Try adding a line break tag where ever you would like the break in the text:
<br>
Regards,
RikardJune 21, 2016 at 10:05 am #651366Hi 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?June 21, 2016 at 10:23 am #651372Also,
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 :(June 23, 2016 at 3:58 am #652434Hi,
Could you please provide a screenshot of the issue? I checked the rotator and the line breaks are working.
Best regards,
IsmaelJune 23, 2016 at 2:30 pm #652614Hi 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.jpgJune 27, 2016 at 3:47 pm #653827Hi,
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,
AndyJune 28, 2016 at 1:53 pm #654208Hi…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?
:(June 28, 2016 at 3:20 pm #654248Hi,
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,
AndyJune 28, 2016 at 3:47 pm #654268Oh 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?June 28, 2016 at 5:18 pm #654308Hi,
please answer our questions. So again: do you want a different result than shown in the screenshot I provided to you?
Best regards,
Andy -
AuthorPosts
- You must be logged in to reply to this topic.