Dot Divider Plugin for Squarespace
Swap flat lines for crisp dots that match your brand colour
Turn every standard <hr> block into a tidy row of perfect circles. The dots copy the text colour of the section they sit in, so they always look right on light or dark backgrounds.
Why you’ll like it
Fits every Squarespace 7.0 and 7.1 template
Auto‑colour – dots inherit the current text colour
No half circles – line width can change and the ends stay clean
Copy‑paste install – one short CSS snippet
Zero JavaScript – tiny footprint
Lifetime updates – pay once, keep it forever
What you get
A single CSS snippet (copy straight into Design → Custom CSS)
Step‑by‑step install guide
Customising tips for dot size and gap
Friendly email support from the Square Forge team
FAQ
Will this slow my site?
No. The code is just a few lines of CSS that load with your normal stylesheet.
Does it work in every browser?
Yes. Tested in recent versions of Chrome, Edge, Safari, and Firefox.
Can I use it on more than one site?
Pick up one licence per live site.
Need something else? Email team@pixelhaze.academy.
About Square Forge
Squareforge is a toolkit of modular Squarespace templates and plugins that help designers build faster. Mix and match sections, drop in extras like Dot Divider, and launch with confidence.
Swap flat lines for crisp dots that match your brand colour
Turn every standard <hr> block into a tidy row of perfect circles. The dots copy the text colour of the section they sit in, so they always look right on light or dark backgrounds.
Why you’ll like it
Fits every Squarespace 7.0 and 7.1 template
Auto‑colour – dots inherit the current text colour
No half circles – line width can change and the ends stay clean
Copy‑paste install – one short CSS snippet
Zero JavaScript – tiny footprint
Lifetime updates – pay once, keep it forever
What you get
A single CSS snippet (copy straight into Design → Custom CSS)
Step‑by‑step install guide
Customising tips for dot size and gap
Friendly email support from the Square Forge team
FAQ
Will this slow my site?
No. The code is just a few lines of CSS that load with your normal stylesheet.
Does it work in every browser?
Yes. Tested in recent versions of Chrome, Edge, Safari, and Firefox.
Can I use it on more than one site?
Pick up one licence per live site.
Need something else? Email team@pixelhaze.academy.
About Square Forge
Squareforge is a toolkit of modular Squarespace templates and plugins that help designers build faster. Mix and match sections, drop in extras like Dot Divider, and launch with confidence.
Swap flat lines for crisp dots that match your brand colour
Turn every standard <hr> block into a tidy row of perfect circles. The dots copy the text colour of the section they sit in, so they always look right on light or dark backgrounds.
Why you’ll like it
Fits every Squarespace 7.0 and 7.1 template
Auto‑colour – dots inherit the current text colour
No half circles – line width can change and the ends stay clean
Copy‑paste install – one short CSS snippet
Zero JavaScript – tiny footprint
Lifetime updates – pay once, keep it forever
What you get
A single CSS snippet (copy straight into Design → Custom CSS)
Step‑by‑step install guide
Customising tips for dot size and gap
Friendly email support from the Square Forge team
FAQ
Will this slow my site?
No. The code is just a few lines of CSS that load with your normal stylesheet.
Does it work in every browser?
Yes. Tested in recent versions of Chrome, Edge, Safari, and Firefox.
Can I use it on more than one site?
Pick up one licence per live site.
Need something else? Email team@pixelhaze.academy.
About Square Forge
Squareforge is a toolkit of modular Squarespace templates and plugins that help designers build faster. Mix and match sections, drop in extras like Dot Divider, and launch with confidence.