Linebreakes in slide subtittle

Dear Talon Pro Support Team,

How can I break the slide subtittle text into 2 lines? Or can I add a sub-subtittle text?

Yo can see the site here: www.zaaldesign.nl/kf

Hope you can help.

Thanks in advance.

Kind regards,
Jan

Hi Jan,

Since text slider text is wrapped with heading and paragraph tags, it cannot be split into multiple lines except to reduce holding div element width which seems that you already did with some custom css code https://www.screencast.com/t/LYbEC56XI

If you need anything else just let me know.

Best Regards!

Hi Dimik,

Thanks for your reply. I changed the text and the position of the heading and paragraph tags to fit perfectly in the pictures. However, in mobile view the text is out of the screen.

I wonder if i can I change the position of the header and paragraph tags for mobile view only?

Hope you can help me with the CSS code.

Thanks in advance.

Best regards,
Jan

Hi Jan,

I see that you are hiding paragraph now since it can’t fit the screen. Since you have too many text, and it span multiple lines, only way would be to revert holder width ti back to 100% and to reduce paragraph font size on smaller screens and you should be able to do this with custom code below:

@media (max-width: 767px) {
    .main-slider-caption > div {
        width: 100% !important;
        display: block;
    }
}

@media (max-width: 480px) {
    .main-slider-caption p {
        display: block;
        font-size: 16px;
        margin-top: 115px;
    }
}

Off course also remove code which you are using for hiding paragraph, and result should look like this https://www.screencast.com/t/m4a1hwS2

Best Regards!