On our site, I am using the codeless slider to create the header slides on each page. When applying the Titles and configuring the title style options, it’s difficult to read the text on some slides. Is there a way to add black outline to the title font?
I know you can do the title background and set the transparency to make it easier to read, but I find that the “box” it creates is too big and distracting.
Any ideas on how to make the text “pop” better? Thanks!
From the Codeless Slider options, that all you can do. But you can customize it further using custom css. I can help you with that, but i need a more precise description. If you can send a link of the site and maybe an image of how you want the title to look like.
Add the image here: https://imgbb.com/
and share the link with us.
I am not sure i understood which part did you want to change, but please try adding these two blocks of css into your Tower > General Options > Custom Css box:
.codeless_slider .swiper-slide h1.animated {
background-color: #ffffffa6 !important;
padding-top: 20px !important;
padding-bottom: 20px !important;
}
