How do i get the slider buttons inside the image instead of as a bar? Taste theme

Hi,

I’d like for the slider buttons to be inside the image without having a bar that separates the slider section from the next section. Help needed! Thank you.

my site is: https://080d97-8b.myshopify.com/

pw: utredi

1 Like

Hey @lisanchem

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi @lisanchem ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:


Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

Hi @lisanchem

You can add this code to theme.liquid file, after in Online Store > Themes > Edit code


Hello @lisanchem
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-slideshow.css
add this code at the end of the file.

.slideshow__controls.slider-buttons.slideshow__controls--border-radius-mobile {
top: -45px !important;
border: none !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

1 Like

Thank you, the button went in, but the white bar is still there, how can i get rid of that bar?

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

section#shopify-section-template--22121568567480__slideshow_y4eJmU { margin-bottom: -44px !important; }

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

I realised after moving the slider buttons into the picture, my picture has been cropped. on top, how do i avoid this from happening?