Dawn theme: Change slideshow button label to the bottom center on mobile

Store Design
, , , ,
1

How do I change the button label in a slideshow from the middle to the bottom center. I’m currently using the Dawn theme and need to change the button location on mobile so it’s not blocking my picture

2

To change the button label in a slideshow from the middle to the bottom center in the Dawn theme, you’ll need to modify the CSS code responsible for the button’s positioning. Here’s a step-by-step guide to help you make the necessary changes:

  1. Locate the CSS code: Open the CSS file associated with your Dawn theme. Look for the section or selector that targets the slideshow button. This might be a class like .slideshow-button or an ID specific to the button element.

  2. Adjust the button positioning: Within the relevant CSS selector, modify the positioning properties to move the button from the middle to the bottom center. Here’s an example of the CSS code you can use:

.slideshow-button {
  position: absolute;
  bottom: 10px; /* Adjust the distance from the bottom as needed */
  left: 50%; /* Center horizontally */
  transform: translateX(-50%); /* Center horizontally */
}
3

Hello @kkreaturez02

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.

4

https://kreativekreaturez.com/

5

I am experiencing the same issue. I would like to add buttons on different areas of my home page but the block is being added to the center of the image and does not allow for modification