Background for title on "Slide"

Posted in: Newspaper
Post count: 36

Hi all,
I am using the “Slide” on my website as you can see on http://www.lumao.de
I would like to have a background for the title so the users can read the title better, but I did not find this option while customizing the “Slide”.
So I would be very happy if you have any suggestions for me to solve this problem.
Best regards,
Tim

Post count: 35449

Hi,

This can be done using tagDiv Composer, in style tab you need to set the color overlay -> https://i.imgur.com/LK0RsjY.jpg

Thank you!

Post count: 36

Hi,
okay, but can I have a background the same as for the category? A background for the title only that does not change the picture.
Best regards,
Tim

Post count: 18283

Hello !

I am sorry bu I don’t quite understand what you are trying to achieve here. Can you provide a screenshot ?

Thank you !

Post count: 36

Hi Vlad,
here you can find a screenshot: https://imgur.com/a/r5EUZJr
I am hoping to have a background colour for my title as I currently have for my category tag (“Deutschland” in the screenshot provvided).
Is this possible?
Thanks in advance,
Tim

Post count: 35449

Hi,

Unfortunately for the post title is slide is no option to set a background color as for category, but this can be achieve with a custom css like this one:
-> https://i.imgur.com/v681W0a.png
.td-theme-slider .entry-title {
background: #ffe113;
padding-left: 16px;
padding-right: 16px;
}

this code need to be set in theme panel> custom code> custom css.

Thank you!

Post count: 36

Thanks for your help. Is it possible to make the background exactly as big as the headline? If I understand your code correctly it is just 16px from both sides.
Thanks in advance!

Post count: 35449

Hi,

Unfortunately I do not understand do you want to make it only for title size like this -> https://i.imgur.com/TfhTrdy.jpg
.td-theme-slider .entry-title {
background: #ffe113;
}
.iosSlider-col-3 .entry-title {
line-height: 48px;
}

Or like this -> https://i.imgur.com/jkw5U7j.jpg
.td-theme-slider .td-slide-meta{
background: #ffe113ba;
}

If this is not what you mean, please provide some more details.

Thank you!

Post count: 36

Hi Calin,
I would love to have the background just as long as the title itself!
Do you understand what I mean?
Best regards,
Tim

Post count: 35449

Hi,

I think that you want something like this -> https://i.imgur.com/CdBhdny.jpg
.td-theme-slider .entry-title a{
background: #ffe113;
}

Also if you want you can try this code with a padding -> https://i.imgur.com/sxMNwBr.png
.td-theme-slider .entry-title a{
background: #ffe113;
padding: 0 6px;
}

Hope this will help you to achieve what you need!
Thanks.

Viewing 10 posts - 1 through 10 (of 10 total)
The forum ‘Newspaper’ is closed to new topics and replies.