Reducing Size of Slideshow on Turbo Theme

[alexlomt1]

I want to reduce the size of the slideshow on the Turbo theme. I don't want it to cover the entire screen unneccessarily, and be more in line with the remaining items size. How can I  do that?

I want it to be both lower heigth and width. The width should match the header separator line above 

https://mmz7sv-mw.myshopify.com/

PW: seupri

[Arif_Shopidevs]

@alexlomt1 
You can add this css in your theme base.css or custom.css. also you can adjust the height and width according to your need.

screen and (min-width: 768px)screen and (min-width: 768px)
{
.homepage-slideshow {
    max-width: 800px!important;
    max-height: 600px!important;
  
}
}

How to Add This to Shopify   Theme:

1. Go to Shopify Admin → Online Store → Themes.
2. Click "Customize" on your Dawn theme.
3. In the theme editor, go to "Theme settings" (bottom left).
4. Scroll down and click "Custom CSS".
5. Paste the above CSS code and save changes.

Alternative (Edit Theme CSS Directly):

1. Go to "Online Store" → "Themes".
2. Click "Actions" → "Edit code".
3. Open base.css inside the assets folder.
4. Paste the CSS at the bottom and Save.

[alexlomt1]

How can I make the text boxes in each slide show picture go up a bit more? When there is a lot of text, they go too much down and appear off screen.

[DaisyVo]

Hi @alexlomt1 i see it look good, please double check on this 

[alexlomt1]

How can I make the text boxes in each slide show picture go up a bit more? When there is a lot of text, they go too much down and appear off screen.

[Arif_Shopidevs · Accepted solution]

@alexlomt1 

.caption-content {
 
    max-width: 80%;
   
}

This css will widger the text box area.

[alexlomt1]

How could I update this so that it shows up properly on mobile? Perhaps some kind of dynamic font size scaling? 

[Arif_Shopidevs]

Hi, which device you set i just check in mobile view your image show above and text show bellow after the image