Hello! I want to create 2 full width images and I want both of them have different links. I do it with Image banner and tried to find solution, but I found code only for 1 whole link for 2 pictures, but I need different links for each image.
Here is the link to the necessary page
Here is the password - eustew
Then remove last "div" which contains "banner__conetnt" class and place your ".banner__content" wrapper inside each ".banner__media-half" . This wrapper:
<div class="banner__content banner__content--middle-center page-width"> <div class="banner__box content-container content-container--full-width-mobile color-background-1 gradient"> </div> </div>
Will go inside here: (you can place the code after image tag)
<div class="banner__media media banner__media-half"> <img src="your-image-source" /> </div>
And the full code will be like this:
And don't worry about any CSS or custom coding. It will work fine as it is. You just have to add two different ids in your Schema for the content block and URL
Now it works with links! Wow!
But can I somehow change the appearance? It would be perfect if these white block would be hidden and just pictures have the links.
But if it's not possible, maybe I can at least change font, align, size and color?
Glad to hear that it worked. 😍 To remove the background, remove the CSS. And I believe there was another anchor link which was covering the whole image. I guess you removed that too.
Anyway, you got your solution. Please accept the solution and hit the like button. 😍
I tried using 2 Image Baners and they allow pick 2 different links for each image :
pls let me know if I missed anything.
Thank you and hope to hear from you.
GemPages Support Team
Make the shift from discounts to donations, and witness your business not only thrive fina...By Holly Dec 4, 2023
On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...By Arno Nov 27, 2023