How can I adjust slideshow corners in Impulse theme?

[Deoxes]

Hello I have Impulse theme and wanna make. my slideshow will be with corners show examples:

My is:

And I wanna make the corner of the slideshow will end not at full screen but like this:

Thanks.

[dmwwebartisan]

@Deoxes

Please share store URL.

Thanks!

[Deoxes]

www.dehome.co.uk

[KetanKumar]

@Deoxes

thanks for url sorry but i can’t see any issue let me know how can i check this?

[Deoxes]

Hi mate, my slideshows in full screen, like till full corner.

I wanna make it like this:

.

I don’t wanna my slideshow going till end of my corner.

Maybe it’s possible somehow make it.

[dmwwebartisan]

@Deoxes

Please add the following code at the bottom of your assets/theme.css file.

.slideshow-wrapper { max-width: 1230px; margin: 0px auto;}
@media screen and (max-width:768px) {
.hero__image {  -o-object-fit: contain !important; object-fit: contain !important;}
.hero--mobile--100vh[data-mobile-natural=false] { height: 45vh !important; }
}

Thanks!

[KetanKumar]

@Deoxes

can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.slideshow-wrapper {
max-width: 1230px;
    margin: 0px auto;
}

[Deoxes]

I put at the bottom in

theme.css.liquid

But nothing changes.

[Deoxes]

Thank You both , but KetanKumar code is working at me. Thanks

[KetanKumar]

@Deoxes

i can see its work

[KetanKumar]

@Deoxes

its my pleasure to help us

[Deoxes]

@KetanKumar Maybe someone knows the code to Impulse theme, when you put products in your store, automatically resize all pictures in the same size?

It will be very helpful for me, Thanks.

[KetanKumar]

@Deoxes

yes current

[Deoxes]

@KetanKumar I think something like this first product picture I wanna make all photo size like that: Maybe if correct I understand, if you give me the code, later if I don’t like the size, I just can change the size numbers in code and will be good?

https://dehome.co.uk/collections/cabinet/products/tuscany-2-door-sideboard-burnt-wax

If correct understand this code helps me all my shop photos make same size yes?

[KetanKumar]

@Deoxes

can you try this code work whole site

.page-width {max-width: 1230px;}

[Deoxes]

@KetanKumar In which place I need put it? in same theme.css.liquid?

[Deoxes]

@KetanKumar I putted in theme.css.liquid that code, but not working.

[era2]

Hello! I have the same question, I am trying to make my content not be full width. I’ve tried both of @KetanKumar 's codes, but nothing changes? I am using the older version of Impulse, not the 2.0 update.
emmabrookejewelry.com, PW nahlia

[KetanKumar]

@Deoxes

sorry i can’t see

[KetanKumar]

@era2

oh sorry for that issue try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

.page-width {max-width: 100%;}