I can’t seem to get rid of these lines on my site. They appear on my password screen as well and have been trying everything within my code to remove them. They don’t seem to be borders because when coding borders to display as none, they still appear. They also show up when dividing sections. They are extremely faint lines, but noticeable and pesky
1 Like
Hey @brycephobia
Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.
Best Regards,
Moeed
the password is “phobiarock”
@brycephobia , Go to base.css and add the following code :
html, body, [id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer']), [id*='shopify-section']:not([id*='announcement']):not([id*='header']):not([id*='footer'])> [class*='background'] {
background: unset !important;
}
Hey @brycephobia
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
@brycephobia , Also add this code to base.css to make the password icon appear on your password page:
details.password-modal.modal path {
color: #010101 !important;
}
