Mobile borders

Store Design
, , , ,
1

Hello, I’m attempting to designate a particular left border on the Collections page, specifically the Card-Meta left border. My objective is to eliminate these borders. Despite numerous attempts, I’m struggling to identify the correct selection for removal. Any assistance would be greatly appreciated.

https://2d26b3.myshopify.com/collections/all

pw: reishi

on mobile device not chrome developer
on mobile device not chrome developer1290×2796 150 KB

2

Hi!

It seems that the HTML and CSS properties in your software are quite complex. Therefore, it is normal that you cannot find the location of the element you are looking for. You can solve this problem by adding the following code to the bottom of your app.css file;

  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘app.css’ in the search bar.

.product .cards > * {
outline: none !important;
}

.product .cards .card-image{

border: 1px solid #d9d9d9!important;

}

section.product .card-meta {
border-left: 1px solid #d9d9d9!important;
border-right: 1px solid #d9d9d9!important;
border-bottom: 1px solid #d9d9d9!important;
}

If you cannot do this, you need to put the same code with the tag in the following place:

  1. Navigate to the ‘Edit Code’ option in your theme settings, then search for ‘theme.liquid’ in the search bar.
  2. Paste the following code below the ‘’ tag.

TerenceKEANE_0-1711738682258.png
TerenceKEANE_0-1711738682258.png1359×541 202 KB

.product .cards > * { outline: none !important; } .product .cards .card-image{ border: 1px solid #d9d9d9!important; } section.product .card-meta { border-left: 1px solid #d9d9d9!important; border-right: 1px solid #d9d9d9!important; border-bottom: 1px solid #d9d9d9!important; }

If you can’t do it, let me know!

Terence..

3

Thank you! This helped, much appreciated!

4

I’m glad it’s working out. If you need help with anything else, feel free to tag me or send a message, and I’ll assist whenever I can find time between my own software tasks.

Take care

Terence.