Hi, i was wondering how i can delete the grey dots in the screen shot.
Topic summary
A user wants to remove grey dots appearing in their announcement bar (shown in a screenshot).
Solution Provided:
A community member offered CSS code to hide the dots:
- Navigate to: Online Store > Themes > Edit code > assets
- Open the base.css file
- Add the following CSS at the bottom:
.ss-announcement-bar__message li::after {
display: none!important;
}
- Save and hard-refresh the page
The solution targets the ::after pseudo-element on list items within the announcement bar message. A screenshot demonstrates the expected result after applying the fix.
Status: Solution provided, awaiting confirmation from the original poster.
2 Likes
Hey @flaner
Those can be hidden/removed. Can you share the URL? If it’s password-protected, the password would be needed too.
1 Like
Hi, thanks for the reply! url → https://flanercouture.store/ , there is no password on it.
Please, try the following:
- Navigate to Online Store > Themes > Edit code > assets
- Find the base.css file
- Paste the code below to the bottom of the file
- Save and hard-refresh the storefront
.ss-announcement-bar__message li::after {
display: none!important;
}
The final result should be like this:
1 Like