How can I hide a button but keep the slideshow clickable?

Store Design
, , ,
1

Hi guys,

I would like to hide the button from slideshow however, I want to keep the link and make the whole slideshow clickable. I would appreciate your help. Thanks

URL: https://basicbastard.co/

Screenshot 2023-01-08 at 9.38.02 AM.png
Screenshot 2023-01-08 at 9.38.02 AM.png2880×1572 397 KB

2

Hi @basicbastardco

You can try add code by following these steps:

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

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file.

#shopify-section-template--16649489023212__338d128b-958c-43ad-abe3-c3b5bed4fb25 .slideshow__text-wrapper.banner__content{
   padding: 0;
}
#shopify-section-template--16649489023212__338d128b-958c-43ad-abe3-c3b5bed4fb25  .slideshow__text.banner__box,
#shopify-section-template--16649489023212__338d128b-958c-43ad-abe3-c3b5bed4fb25  .banner__buttons{
  max-width: 100%;
  width: 100%;
  height: 100%;
  padding: 0;
}
#shopify-section-template--16649489023212__338d128b-958c-43ad-abe3-c3b5bed4fb25  .banner__buttons > a.button{
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

I hope my recommendation can works and support for you.

Best regards,
GemPages Support Team

1 Like