Remove product black border in Mobilia theme

Hi how can I get rid of the black border around the products in the Mobilia theme? Thanks

Hello @ArtbyAzi

Can you please share the store URL and password (if set)?

Hi,

Please share your store URL and if your store is password protected then also provide password too.

Thank you.

Hello @ArtbyAzi

Can you share your website URL so that I can check and provide you with the solution?

Hi it’s www.artbyazi.com and B9lkP5%vSD. Thanks

Thank you for sharing URL @ArtbyAzi

I would suggest you create a duplicate theme before you make more changes to the theme.

Here are the steps to find the CSS file in the theme :

Go to Online Store > Themes, find the theme that you are working on, then click on Actions > Edit Code.

Now it depends on the theme but in most cases, there is base.css (if you cant find this try theme.scss.liquid) file where you can add the below code at the end.

Code :

.thumbnail .image__container {
border: unset !important;
}

Output :

Thanks

HI @ArtbyAzi

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->file (base.css/styles.scss.css) ->paste bellow code in bottom of file

.image__container {

border: unset !important;

}

it will look like this: https://prnt.sc/pYdkTr6GcNdD

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

Hi thanks for replying. I could only find theme.liquid and put in that code at the end but it didn’t work. Is there something else I could try? Thanks

It is not advisable however If you want to add it to theme.liquid file try below code


You can also send the screenshot of the CSS files you see if I can help

This worked! Thank you

Glad to help @ArtbyAzi