How can I alter the size and case of slideshow text?

Store Design
,

Topic summary

  • Goal: Reduce the slideshow text size and make it lowercase in a Shopify theme.

  • Context: The requester shared a preview link and a screenshot highlighting the target text.

  • Proposed fix: A responder provided a CSS snippet:
    @media (max-width: 767px) { p { font-size: 12px; } }
    This uses a CSS media query (applies only under a screen-width condition) and targets all paragraph (p) elements.

  • Implications: The code decreases font size only on mobile (≤767px) and affects all p tags sitewide, not specifically the slideshow text. It does not implement lowercase conversion (no text-transform: lowercase included).

  • Outcome: The requester acknowledged with thanks, suggesting partial acceptance. No confirmation that the change was applied or that it targeted the slideshow text specifically.

  • Status: Partially addressed. Remaining gaps include converting the text to lowercase and scoping the CSS to the slideshow text rather than all p elements. The thread has no final resolution yet.

Summarized with AI on January 3. AI used: gpt-5.
1

I would like to have the code to reduce the size of the text and to put it in lower case which is circled in blue please. Thanks in advance

Link: https://ko1xk3xx0rbao0ip-7943913549.shopifypreview.com

example.JPG
example.JPG1037×556 72.8 KB

2

Hi @Bless10 ,

Could you please share your store URL?

3

The template is not online. Here’s the link : https://ko1xk3xx0rbao0ip-7943913549.shopifypreview.com Thank you!

4

Hi @Bless10 ,

You can try add my code to inside it

@media(max-width:767px){
p{
font-size:12px
}
}

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

5

Thank you!