Ride Theme- Add link on the banner picture

[NinescapeLand]

Hi guys, can you know how to add the link on the banner picture, I don’t want to add the button or the word on the picture.

My demands: Click the banner picture to jump to the new page

This is my store link: https://b97e0a-c2.myshopify.com/

[Dan-From-Ryviu]

Hi @NinescapeLand
Dan here from Ryviu: Product Reviews & QA app.

Please add a link to the button of your banner and then add this code to Custom CSS in Online Stor > Themes > Customize to hide button and make image. clickable

.banner__buttons .button,
.banner__buttons,
.banner__box,
.banner__content {
	width: 100%!important;
	height: 100%!important;
	max-width: 100%!important;
	padding: 0!important;
	position: absolute!important;
	top: 0px;
	left: 0px;
	opacity: 0;
	bottom: 0px;
	right: 0px;
	margin: 0px !important;
}

[NinescapeLand]

Hi Dan-From-Ryviu,

Thanks for your reply, I add the link to the button, but I don’t know where can I add this code, is [theme.liquid]?

If yes, please let me know exactly where to add the code.

Best regard,

NinescapeLand

[Dan-From-Ryviu]

Go to Online Store > Themes > Customize > select Image banner section then add code into Custom CSS of this section

[NinescapeLand]

hi Dan-From-Ryviu,

When I according to your said to add the code in the theme image banner, they displayed unable to update file, can you help me again?

[Dan-From-Ryviu]

I asked you add code to here, not in image banner file

[NinescapeLand]

wooo~ amazing!

Thank you very much!

[Dan-From-Ryviu]

Happy I could help!

[NinescapeLand]

Hi Dan-From-Ryviu,

I have a problem now, I find my mobile layout is not displaying my banner, please help me again

[Dan-From-Ryviu]

Hi @NinescapeLand

Please try to select this option and check again

[NinescapeLand]

Thank you very much!

[Dan-From-Ryviu]

Very welcome!