How can I change the subtitle font size on my slideshow?

[pongopetfood]

Hello, 

I have a slideshow on my header but i would like to change the font size of the subtitle (way too small) on desktop and mobile !

Do you know how to do it ? 

Here is the link : https://pongopetfood.com/

Password : PONGOPETFOOD!

Thankssss a lot 

[Made4uo-Ribe · Accepted solution]

Hi @pongopetfood 

Check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.slideshow .prose p.h6 {
    font-size: 20px;
}

And Save. 

Result:

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[pongopetfood]

Great it's working for desktop, but it looks too big on mobile, how to change. it for mobile ? 

Thank you!!

[Made4uo-Ribe]

Yes, we can. Same Instruction. 

@media only screen and (max-width: 749px){
.slideshow .prose p.h6 {
    font-size: 15px;
}
}

And Save. 

Result:

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[pongopetfood]

it's not working on mobile..

[Made4uo-Ribe]

You have this code in your index. 

Did you add this one? If you like to add the specific slideshow you can add the template but the code i give already call the .slideshow. 

And you need to add the @media query. So it will call to the screen sizes.