How do I change the style of the slideshow.

Store Design
, , , , ,

Topic summary

A user sought help styling a slideshow section to match their image-with-text section by applying rounded corners and a maximum width of 1200px. They successfully modified the image-with-text section using CSS in base.css with border-radius and max-width properties, but encountered issues when applying similar code to the slideshow section.

The attempted CSS targeted .shopify-section-template--17923994845334__slideshow_aCM96D but did not produce the desired effect.

Another user offered assistance and requested the website URL to investigate further. However, the original poster resolved the issue independently before providing additional details or sharing the solution.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

How can I change the width and add round corner to the slideshow section to be the same style as the image with text section. Here is what I do to the image with text section, I added the code down below to the base.css

.section-template--17923994845334__image_with_text_McaAfF-padding{
  border-radius: 25px;
  max-width:1200px;
  margin:0 auto !important;
}

I tried to do the same to the slideshow section but it didn’t work.

.shopify-section-template--17923994845334__slideshow_aCM96D{
  border-radius: 25px;
  max-width:1200px;
  margin:0 auto !important;
}

I

Screenshot 2025-03-12 125100.png
Screenshot 2025-03-12 125100.png1900×943 175 KB

2

Hi @WILLIAM0716 ,

Can you share the website URL?

3

Thank you for reaching out. I have figured it out.