Need help with landingpage buttons

Hi there, I created a landing page with full screen video. In order for the user to 'continue' best practice would be to have call to action (I guess). But my website is at this point still very informative and I want to keep it clean. 

As a as an alternative I created two images with flags that are clickable leading to either the Dutch or English. I have one specific question. 

How can I make those images look more like a button, right now they are not inviting / look like buttons.

And if someone has a suggestion for a better way for user to move from the landing page to the website, please let me know. 

Hi,

What is page url? We can help easier

12 hours ago, tuanphan said:

Hi,

What is page url? We can help easier

www.workplaceconsultant.com

On 4/13/2023 at 3:11 AM, WorkplaceConsultant said:

www.workplaceconsultant.com

How can I make those images look more like a button, right now they are not inviting / look like buttons.

I don't see images. Can you take a screenshot?

4 minutes ago, tuanphan said:

How can I make those images look more like a button, right now they are not inviting / look like buttons.

I don't see images. Can you take a screenshot?

Hi there, this is the button: 

Thanks so much for taking time to check it out!

On 4/15/2023 at 6:55 PM, WorkplaceConsultant said:

Hi there, this is the button: 

Thanks so much for taking time to check it out!

IT should be like this or??

11 hours ago, tuanphan said:

IT should be like this or??

Yeah, that's cool, is there some hover effect? 

On 4/20/2023 at 3:04 AM, WorkplaceConsultant said:

Yeah, that's cool, is there some hover effect? 

 

Hover it >> Zoom in, or make it move down a bit or?

Make it move down! 🙂 Thanks

On 4/13/2023 at 3:11 AM, WorkplaceConsultant said:

www.workplaceconsultant.com

Add to Design > Custom CSS

/* arrows */
div#block-yui_3_17_2_1_1681532991073_52578 {
    background-color: white;
    width: 50px;
    height: 50px;
    padding: 10px;
    border-radius: 50%;
    transition: all 0.3s;
    transform: translatey(0);
}
div#block-yui_3_17_2_1_1681532991073_52578:hover {
    transform: translatey(30px);
    transition: all 0.3s;
}

Sweet! it works

So if I want to apply this on another arrow I have the find the 'block-yui' right?

block-yui_3_17_2_1_1681532991073_52578:hover

21 hours ago, WorkplaceConsultant said:

Sweet! it works

So if I want to apply this on another arrow I have the find the 'block-yui' right?

block-yui_3_17_2_1_1681532991073_52578:hover

Yes. Use this free tool to find block id

https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en