Problem: subtitle background in header slider


#1

hi there,
the issue is background in text slider subtitle: it expands within the whole width of the page instead only within the text. No such problem with the text-slider main.
Any ideas?


#2

Hello @sylwia,

I would be glad to help you, but can you please provide a link to your website?

Kind Regards, Roman.


#3

Sure, here it is:


#4

Okay @sylwia,

Please try to use this CSS code:

.text-slider .subtitle {
    padding: 20px 0px 20px !important;
    display: inline-block;
    margin: 10px;
}

You can add CSS code to style.css file of your child theme, also you can use Simple Custom CSS or similar plugin for adding CSS code.

Please feel free to ask any other questions that you might have.

Z poważaniem, Roman.


#5

dziękuję Roman :wink: (bo domyślam się że posługujesz się także polskim). Będę używać jednak angielskiego, żeby i inni użytkownicy mogli skorzystać.

The hint you gave solved the problem partially:
backgraud of the subtitle is ok now, but text in main tile is side by side with the subtitle one, instead of being under. How to solve that?
Thank you for the assitace you’ve given me so far, looking forward to be continued :wink:

pozdrawiam
Sylwia


#6

Yes Sylwia, let’s use English :slight_smile:

Please try to use this CSS code instead of previous:

.text-slider .subtitle {
    padding: 10px 0px !important;
    margin: 10px 23%;
    line-height: 25px !important;
}

I tested it on lower resolutions as well, so it should do the trick :slight_smile:

Kind Regards, Roman.


#7

Solved perfectly! :slight_smile:

thank you very much,
Sylwia


#8

You are welcome Sylwia!

I am glad that it helped you to solve your issue :slight_smile:

Kind Regards, Roman.