Solved

Who can help us with Dawn theme? 2 simple queries

labayside
New Member
4 0 0

Hey everyone, hope this finds you well!

Would love some assistance with 2 adjustments for our website, created with the Dawn theme!

1) On the homepage of our website, https://labayside.com.au/, towards the bottom of the page, there are 4 buttons that each link to a YouTube video. We'd like the videos to open in a new tab, but this isn't possible to change in the backend, and previous answers online don't seem to work anymore.

2) On this page, https://labayside.com.au/pages/portfolio, how can we make the actual images themselves "clickable", so that they go to the exact same location as the text link underneath does?

Any suggestions or advice would be much appreciated.

Best regards 🙂

Accepted Solution (1)

Raj-webdesigner
Shopify Partner
268 60 65

This is an accepted solution.

The first issue solution is to add this attribute to open your video in a new tab

this attribute add in edit code > rich-text.liquid  find last 

Rajwebdesigner_1-1716284514181.png

 

 

target=”_blank”

 

 Ex:-> <a target=”_blank”  href="https://youtu.be/InJ8pmYp_Ts" class="button button--secondary">Garage Door Video</a>

The Secound Solution Add This Css in your edit Code > base.css file

 

.multicolumn-list a.link.animate-arrow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 99;
}

 

 

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


View solution in original post

Replies 3 (3)

Raj-webdesigner
Shopify Partner
268 60 65

This is an accepted solution.

The first issue solution is to add this attribute to open your video in a new tab

this attribute add in edit code > rich-text.liquid  find last 

Rajwebdesigner_1-1716284514181.png

 

 

target=”_blank”

 

 Ex:-> <a target=”_blank”  href="https://youtu.be/InJ8pmYp_Ts" class="button button--secondary">Garage Door Video</a>

The Secound Solution Add This Css in your edit Code > base.css file

 

.multicolumn-list a.link.animate-arrow:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 99;
}

 

 

If you require further help to optimize your store, please don’t hesitate to reach out.


This contribution will always benefit you and you will get my full help easily and you can contact me easily.


Your Willpower Contribution Link

:- Contribution

Contect On My Mail :-Mail@gmail.com


labayside
New Member
4 0 0

Thank you so much, this worked amazingly well! Appreciate you 🙂

codingwithkamba
Shopify Partner
2 0 0

Good Day Labayside, 

 

Regarding the first question, you need to find the name of the section you want to edit in your store customize or editor: 

 Log into your store Dashboard.

 Locate your theme, and click on the 3 dots, and select edit code.

Do Control + f to and past the name of the section you copied earlier. 

Once  you find the correct file, open it. 

Then go back to your website and copy the text of your button and go back to the file you just opened and do again control+f and past the title you copied. 

This is how you have it : <a href="https://youtu.be/InJ8pmYp_Ts" class="button button--secondary">Garage Door Video</a>

 

Regarding the second question: Please provide more details.

and Finally add the target = "_blank" in the element: <a href="https://youtu.be/InJ8pmYp_Ts" class="button button--secondary" target=”_blank”>Garage Door Video</a>

 

codingwithkamba