Who can help us with Dawn theme? 2 simple queries

[labayside]

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 🙂

[Raj-webdesigner · 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 

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;
}

[labayside]

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

[codingwithkamba]

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>