ENLARGE / ZOOM IN ON RICH TEXT ON HOVER dawn theme

nicnaks
Excursionist
21 1 4

I would like to enlarge the rich text with hyperlink embedded on hover 

 

I have removed the underline but just want the text to slightly enlarge on hover so viewer knows that it is a clickable hyperlink.  

 

shopify dawn 

Reply 1 (1)

WebDeskSolution
Shopify Partner
172 42 49

Hello @nicnaks 

 

You can zoom rich text hyperlinks on hover by adding the following CSS to your file:

a 
{
    transition: transform 0.3s ease;
}
a:hover {
    transform: scale(1.03);
    cursor: pointer;
}

 

Note: Please replace "a" with your hyperlink selector class or id to avoid reflection on each "a" tag or you can provide the website URL so we can pick the right selector for your rich text hyperlink.

 

Please hit Like and Mark it as a Solution if you find our reply helpful.

 

Thank You,


WebDesk Solution Support Team
Get a Free Quote | Email | Shopify Partner | Shopify Development Agency | Call Us 877.536.3789


Location: 150 King St. W. Toronto, ON M5H 1J9