How can I customize the collection page on Prestige with dots as spacers?

Store Design
, ,
1

Dear Community,

I would like to have dots as spacers in the top left (circled) instead of a slash. Is that possible?

And please remove the line on the right (circled)

www.thebasicscollection.com

Bildschirmfoto 2023-05-11 um 10.05.15 PM.png
Bildschirmfoto 2023-05-11 um 10.05.15 PM.png2542×1162 77.8 KB

2

To replace the slash with dots as spacers in the top left and remove the line on the right, you can try the following steps:

  1. Open your Shopify admin and go to “Online Store” > “Themes”.
  2. Find your theme and click on “Actions” > “Edit code”.
  3. In the left sidebar, locate and open the “theme.liquid” file.
  4. Find the code that generates the separator in the top left (slash) and replace it with dots. It might look something like this:
<span class="separator">/</span>

Replace it with:

<span class="separator">•••</span>

This will display three dots as spacers.

  1. To remove the line on the right, you’ll need to locate the corresponding CSS code. Look for a class or ID associated with the line element, which could be something like .line or #line. Once you find it, add the following CSS code to hide it:
.line {
display: none;
}

Save the changes.

  1. Preview your store to see if the changes take effect. If needed, clear your browser cache or view your store in an incognito/private browsing window to ensure you’re seeing the updated version.

Note: The specific code and CSS classes may vary depending on your theme. If you’re having trouble locating the appropriate elements or making the changes, it’s recommended to consult with a developer or the theme’s support for further assistance.

3

@NomtechSolution I can’t find the code in my theme.liquid

4

Done!