Dawn Theme slideshow image heading below image with the shop now button

Store Design
1

Screenshot 2023-03-07 at 5.25.55 PM.png
Screenshot 2023-03-07 at 5.25.55 PM.png2676×544 158 KB

Im wanting my slide show image headings and shop now button below each image like so. Thank you so so much in advance

2

Hi @provincebazaar ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px){
.slideshow__media.banner__media.media {
    position: relative !important;
}
.slideshow__text-wrapper.banner__content {
    height: auto !important;
    justify-content: flex-start !important;
    padding: 1rem !important;
}
.slideshow__text.banner__box {
    justify-content: left;
    align-items: flex-start;
    padding: 0;
}
}

Hope it helps!

3

I copied and pasted it at the very end and nothing change :disappointed_face:

4

Hi @provincebazaar ,

Please send your site and if your site is password protected, please send me the password. I will check it.

5

Hi @provincebazaar ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px){
.slideshow__media.banner__media.media {
    position: relative !important;
}
.slideshow__text-wrapper.banner__content {
    height: auto !important;
    justify-content: flex-start !important;
    padding: 1rem !important;
}
.slideshow__text.banner__box {
    justify-content: left;
    align-items: flex-start;
    padding: 0;
}
.slideshow__text.banner__box * {
    color: #000000 !important;
}
}
6

Thank you so so much