Box around text when you hover

Site URL: http://vitanova.co.nz

Hi there, 

I am looking to create a box that appears around body of text when you hover over it to indicate this is the option you are reading. 

like image attached. 

Is there a way to do this on Squarespace?

Thanks 

On 8/12/2021 at 5:15 PM, emma123456 said:

Site URL: http://vitanova.co.nz

Hi there, 

 

I am looking to create a box that appears around body of text when you hover over it to indicate this is the option you are reading. 

like image attached. 

 

Is there a way to do this on Squarespace?

 

Thanks 

Hi. Yes. Possible.

Can you share link to page where you added text? We can help easier

On 8/14/2021 at 9:20 PM, tuanphan said:

Hi. Yes. Possible.

Can you share link to page where you added text? We can help easier

https://www.vitanova.co.nz/services

Thank you! 

19 hours ago, emma123456 said:

https://www.vitanova.co.nz/services

 

Thank you! 

Hi. This url has no content

24 minutes ago, tuanphan said:

Hi. This url has no content

Hey, sorry making some edits so took it down from live. Its back up now! 

On 8/16/2021 at 2:32 PM, emma123456 said:

Hey, sorry making some edits so took it down from live. Its back up now! 

Add to Design > Custom CSS

/* Box hover */
div#block-e121a915d35f9eb46d71+.row .span-5 {
    border: 1px solid transparent;
    margin-left: -2px;
}
div#block-e121a915d35f9eb46d71+.row .span-5:hover {
    border-color: #d4af35 !important;
    border-radius: 30px;
}