How To Reduce Slide Images Height In Website with dawn theme?

Store Design
1

In Dawn theme there is no theme.css file to include code at the end to reduce slide banner height.

i’m looking for best possible solution for this..

pl help?

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

This should do the trick.! hope this helps.

.slideshow-container{
height:300px;
}
3

Hi

thanks for the reply

This trick doesn’t work actually.

i mean there’s no theme.css or scss file in asset folder to include it.

kindly suggest best possible solution.

my website

pswd-leeshu

4

Hi @veenavenkat2022 ,

you can try follow the instruction below:

  1. Go to Online Store → Theme → Edit code.
  2. Assets-> /component-slideshow.css. Paste code below into end the file.
slideshow-component .slideshow.banner {
    height: 300px !important;
}
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width:750px){
body #Slider-template--16002953478394__16525335588140e3cb::before,
body #Slider-template--16002953478394__16525335588140e3cb .media::before {
padding-bottom: 18%;
content: '';
display: block;
}
}