Re: Mobile borders
Solved
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
Accepted Solution (1)
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 <style> 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 '<head>' tag.
<style>
.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;
}
</style>
If you can't do it, let me know!
Terence..
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 <style> 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 '<head>' tag.
<style>
.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;
}
</style>
If you can't do it, let me know!
Terence..
