Centralize button at the middle bottom of slideshow

Store Design
,
1

How can i centralize a button at the bottom of slideshow? My website is www.nonastore.com.br

2

@nonastore
Hello,

.metaslider .flexslider .caption-wrap .caption {
  left: 43% !important;
}
.handmade-slider .metaslider .slick-dots {
	text-align: center !important;
}

Add this CSS at the bottom of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This

oscprofessional_0-1672731554653.png
oscprofessional_0-1672731554653.png1488×768 133 KB

1 Like
3

Hi @nonastore

This is Victor from PageFly - Landing Page Builder App.

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag

PageFlyVictor_0-1672731705734.png
PageFlyVictor_0-1672731705734.png400×225 38.4 KB

center button

center dot

Hope this answer helps.
Best regards,
Victor | PageFly

1 Like
4

@PageFly-Victor It’s perfect, but i want in the middle at the bottom part, because i’m still changing the images to fit the slide box

imagem_2023-01-03_045352461.png
imagem_2023-01-03_045352461.png1300×551 114 KB

5

@nonastore you want it to look like that right?

PageFlyVictor_0-1672732420892.png
PageFlyVictor_0-1672732420892.png1467×1059 233 KB

6

@PageFly-Victor Exactly like that, and if it’s possible the same for mobile. Because i noticed that the button is not centralized at the bottom part in mobile

7

You can try my new code and add it to theme.liquid
1 Like
8

@PageFly-Victor Thank you so much! It worked. If you want you can help me on this other topic: https://community.shopify.com/c/shopify-design/fit-images-on-image-slide-for-desktop-and-mobile/td-p/1885772

1 Like