Dawn Theme 2 Clickable Banner Images

[Ksu10005]

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.

[rokon]

Hi @Ksu10005 

Can you share your website URL with password, please?

[Ksu10005]

This is URL
https://andiamodai-2.myshopify.com/

But I can't share the password, it's my client's site 

[Ksu10005]

Hi! @rokon 

https://eco-plastic-free-2.myshopify.com/pages/%D0%BF%D1%80%D0%BE-%D0%BD%D0%B0%D1%81
Here is the link to the necessary page 

Here is the password - eustew

[rokon]

Hi @Ksu10005 

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

[Ksu10005]

Hello  @rokon 
It seems that I put everything that was necessary, but it looks like this and doesn't have links 😞

[rokon]

Hi @Ksu10005 

Use your button block and place your desired link. I hope that will work fine 🙂

[Ksu10005]

@rokon 

Unfortunately it doesn't work although I put links
Maybe I'm just doing something wrong 

[rokon]

@Ksu10005 

Fix your anchor link wrapper. The code looks like below

<a href="your-link" <="" a="">  </a>

Which should be like this:

<a href="your-link">  </a>

[Ksu10005]

@rokon 

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?

[rokon]

@Ksu10005 

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. 😍

[GemPages]

Hello @Ksu10005 

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.
Best regards,
GemPages Support Team

[Ksu10005]

Hello! @GemPages 

No, I mean like there are 2 photos in section image banner