Issue: An unwanted black line appears dividing a section on the home page of a custom Shopify theme (purchased on Etsy). The user couldn’t find a theme option to remove it and shared the store URL (https://www.atmosphaera.co).
Proposed solutions:
Outcome: Adding the CSS in base.css resolved the issue. No further changes were needed.
Notes:
Status: Resolved. No outstanding questions or disagreements.
hi friends
i have a custom theme installed that i bought from etsy to customize myself. i have just noticed this black line that has no option to remove? it divides a section, but i don’t see it on any other sections. this is farther down on my home page.
i don’t want it there as it messes up the look i’m going for with the waves. any suggestions would be much appreciated. i’m not good at all with coding or editing code but i will try if i have to with guidance.
Hey @atmosphaera ,
Can you share the link to your store?
@atmosphaera Hope you are doing well.
Could you please share your store URL? so can check and guide you
hi yes, it is https://www.atmosphaera.co. thank you!
Hey @atmosphaera ,
Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.
Screenshot is for reference only, the correct code to paste is the one shown above.
@atmosphaera add the below line of CSS code at the end of your base.css file.
body .shopify-section{
border:none;
}
this seems to have worked! thank you!