Dawn theme. Move position on button in slideshow. and remove the field under the slideshow

Store Design
1

https://www.aromaessence.shop/

Hello!

I would like to get some help with changing the position of the button in the slideshow i would like to move it down right beneath the product. On full screen, deksktop and mobile version.

I would also like to get rid of the section beneath the slideshow which indicates which image you are on.

Also if you have some advice to how to get images more horisontally so they fit inside the banner that would be nice. cuz im in doubt whether it is due to the choice of the picture ( more horisontally than vertically) or if its due to some coding that you make the picture fit perfect. I just find it hard to find pictures that is horisontally. you know more lay down square with a lower height.

Kind regards Daniel

1 Like
2

hi @Dani269

Try add this code at the bottom Theme Editor > assets > base.css to hide the slideshow navigation

.slideshow__controls {
    display: none !important;
}
3

Hi @Dani269 ,

For the button on the slideshow, try to add this code

.slideshow__text-wrapper.banner__content {
    padding: 0 !important;
}
.slideshow__text.banner__box {
    height: 100%;
    justify-content: flex-end;
    padding: 0 0 5px 0;
}
1 Like
4

hi again @ExpertRookie

Neither of the codes seems to work, unfortunately. I put them both in base.css but nothing changed…

5

Hi @Dani269
I just checked the dawn theme and try to test again.
Firstly:To change the position of the button in the slideshow: You can try to check block settings in theme customize

expert-rookie-1 · Customize Dawn · Shopify 2022-11-04 09-49-29.jpg
expert-rookie-1 · Customize Dawn · Shopify 2022-11-04 09-49-29.jpg3332×1642 325 KB

If you want to hide the slide control, You can add this code into the component-slideshow.css

.slideshow__controls{
display: none!important;
}
1 Like
6

hello @ExpertRookie

Both codes just needed to be placed into the component-slideshow.css.

It worked!

thanks !!!

Kind regards daniel

7

@ExpertRookie

do you know how to make the button smaller on mobile only. fits good on desktop but a little too big on mobile..