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
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!
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
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
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!
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!
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!
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
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.