All things Shopify and commerce
hii
I would like to add a section line in bw featured products and collections list.
please check the screenshot
store url- https://5a3cf5-fc.myshopify.com
Solved! Go to the solution
This is an accepted solution.
<style>
.section-collection-list {
border-top: .1rem solid rgba(var(--color-foreground), .08) !important;
padding-top: 10px !important;
}
</style>
Can you try this code @ctal37
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
What type of section you need there?
Hello @ctal37
Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.
.title-wrapper-with-link.title-wrapper--self-padded-tablet-down.title-wrapper--no-top-margin {
border-top: 1px solid gray;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
hey this code making the line so dark , I want a light section line please check screenshot -
- Here is the solution for you @ctal37
- Please follow these steps:
- Then find the theme.liqid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.
<style>
.section-collection-list {
border-top: 1px solid darkgray !important;
padding-top: 10px !important;
}
</style>
- Here is the result you will achieve:
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
hey @BSS-TekLabs this code is working but the section line is way too darker then other section line and I want a light grey line. please check screenshot what I am trying to say. please help me out
This is an accepted solution.
<style>
.section-collection-list {
border-top: .1rem solid rgba(var(--color-foreground), .08) !important;
padding-top: 10px !important;
}
</style>
Can you try this code @ctal37
- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.
If our suggestions are useful, please let us know by giving it a like or marking it as a solution.
Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)
Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page
Hello @ctal37
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
.section-template--17181254746297__featured_collection_bYbp6n-padding {
border-bottom: 1px solid #000;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024