How to highlight image

[undercoverfresh]

I’m looking to highlight the full image on the collection page when you hold it down on mobile instead of highlighting the text 

url knmb1c-pf.myshopify.com

password samurai 

 

[LizHoang]

Hi @undercoverfresh 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

a#CardLink-template--16551916208212__product-grid-7581184131156 {
    background: #fff;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
    height: 25px;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

h3#title-template--16551916208212__product-grid-7581184131156 {
    display: flex;
    justify-content: center;
}

Result 

Best

Liz

[DaisyVo]

Hi @undercoverfresh 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

Here is the code for Step 3:

{% style %}
.card.card--standard.card--media {
    box-shadow: 5px 5px 100px 5px grey;
}
{% endstyle %}

Please let me know if it works. Thank you!

Best,
Daisy - Avada Support Team.