How can I enlarge slideshow text on mobile for better visibility?

Store Design
1

how would I make the text ‘for you and your baby since 1943’ bigger on mobile so it looks less pixelated with the outline around it on mobile?

joshualev_0-1648452934087.png
joshualev_0-1648452934087.png594×439 154 KB

https://clair-de-lune.co.uk/

2

Add following CSS in .css file which will make it look like this:

websensepro_0-1648453537123.png
websensepro_0-1648453537123.png376×510 159 KB

@media only screen and (max-width: 600px) {

.slideshow__content {
font-size: 20px;
}
}
3

Hi @joshualev ,

You can try below code in theme-custom.css file:

@media (max-width: 767px) {
    .slideshow__content-wrapper .slideshow__content {
         font-size: 18px !important;
    }
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4

@joshualev Go to assetes/theme-custom.css and put below css at bottom of file.

@media only screen and (max-width: 600px)

.slideshow__content-wrapper .slideshow__title, .slideshow__content-wrapper .slideshow__content, .promo-block__heading, .promo-block__cta

{

font-szie: 25px!important;
}