I want to remove button from slider

Store Design
, ,
1

image
image1897Ă—911 139 KB

I want to remove Shop Now button and add URL in images when someone click on Image they will redirect to Desire Collection

2

Try the following code in this Section “Custom CSS” setting:

.slideshow__text-wrap {
  position: relative;
}

.slideshow__text-wrap .slideshow__text-content {
  position: initial;
  transform: none;
}

.slideshow__btn a,
a.slideshow__btn {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius:0;
  opacity:0;
}

It will stretch you button to cover entire slide and make it transparent so that slide is visible.

3

Hi @officialglowgame,

Please go to Actions > Edit code > Sections > slideshow-1.liquid file. Please send me the whole code, I will check and guide you

4

Hi @officialglowgame ,
You can achieve this quite easily. The idea is to hide the button while making it cover the entire slider area.
Please open your theme.css file and add the following simple code:

.slideshow__text-wrap {
  position: relative;
}

.slideshow__text-wrap .slideshow__text-content {
  position: initial;
  transform: none;
}

.slideshow__btn a, a.slideshow__btn {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius:0;
  opacity:0;
}

If this solution helps, don’t forget to mark it as an Accepted Solution so others can find it easily!

5

There is no much need to change all the store code, just go straight to your theme customization page, click on it, and you will see a section that asks you to remove or add a URL.

6

Hi @officialglowgame

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.scss.css and paste this at the bottow of the file:
.slideshow__text-wrap {
  position: relative;
}

.slideshow__text-wrap .slideshow__text-content {
  position: initial;
  transform: none;
}

.slideshow__btn a,
a.slideshow__btn {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius:0;
  opacity:0;
}
7

Thank you so much for your support.:blush: