using in slider text? • Bravada How To Forum

Author

Posts
June 8th, 2021 at 14:03 #118705
arrow82
Hi again, as I’m new to Bravada theme and WordPress in general, I would like some help on how to manage the text to be split in 2 lines in the slides.
I can use <br> in the small text but not in the big one please see website https://www.logopediamonza.it/ for reference).
I would like to have the words “I Gabbiani” on a new line.
Please advice on how to do it.
Thanks a lot.
- This topic was modified 3 years ago by arrow82.
- This topic was modified 3 years ago by arrow82.
- This topic was modified 3 years ago by arrow82.
June 8th, 2021 at 20:55 #118716
Zed
Cryout Creations mastermind
Hi,

Due to the animation affect (and its required styling) the title field does not readily handle <br> line breaks.
You should still be able to achieve the desired arrangement by limiting the title’s maximum width with CSS:
```
.lp-staticslider .animated-title .staticslider-caption-title {
    max-width: 66%;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 460px) {
    .lp-staticslider .animated-title .staticslider-caption-title {
        max-width: 80%;
    }
}
```
You’ll need to remove the existing <br> break from the title and note that changing the title content will probably require adjusting the value.

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.
June 8th, 2021 at 21:28 #118725
arrow82
OK thanks a lot, I wrote your code in “additional CSS” and actually managed to make the title on 2 rows.
The only thing is that on mobile still does not perform ad wanted.
Is there a way or a code to fix this thin also when looking at the website from mobile phone?
Thank you
- This reply was modified 3 years ago by arrow82.
- This reply was modified 3 years ago by arrow82.
Author

Posts

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘using in slider text?’ is closed to new replies.