I realised after moving the slider buttons into the picture, my picture has been cropped. on top, how do i avoid this from happening?
Topic summary
A user seeks to reposition slider navigation buttons inside the slideshow image rather than displaying them in a separate bar below. Multiple solutions are provided involving CSS modifications to the theme files.
Proposed Solutions:
- Add custom CSS code to
theme.liquid(before</body>or</head>tags) to adjust button positioning using negative top margins and border removal - Modify
component-slideshow.cssin the assets folder with specific styling rules - All solutions involve similar CSS adjustments to move controls upward into the image area
Current Issues:
- Initial problem resolved: buttons successfully moved inside the image
- New problem emerged: white bar remains visible below the slider
- Additional issue: slideshow images are now being cropped at the top after repositioning the buttons
The discussion remains ongoing as the user seeks solutions for the cropping issue and complete removal of the white bar separator.
