I’m looking for a way to add a little circle in the centre of the divider in Elements.
See the screenshot below.
In Classic, I use the “RuleStack” from Stacks4Stacks for this.
I know, it’s a small thing, but I’d really like to have it back (I’m quite attached to it ;-).
Does anyone know if and how I can achieve this?
Many thanks in advance!
Kind regards,
Lalla
A custom component maybe
<div class="flex items-center gap-4">
<div class="h-px flex-1 bg-gray-300"></div>
<svg
class="h-8 w-8 text-gray-400"
fill="none"
stroke="currentColor"
stroke-width="2"
viewBox="0 0 24 24"
>
<circle cx="12" cy="12" r="5" />
</svg>
<div class="h-px flex-1 bg-gray-300"></div>
</div>
I’m sure there are alternative ways to do it as well, the above is very basic.
You can do this with just the core elements components, a few ways to do this, not at my Mac but others could show, if not when I’m on my laptop will show a few ways to do this, unless you just use the custom component shown
Yeah, a lot of ways to do it, I was just offloading it to AI. 
Just recorded a video to show how to do this using the Flex and Divider components! It’s a little more time consuming than asking AI to do it, but that’s the beauty of Elements. There’s many ways to achieve the same results 
Will post the video and project shortly…
@Lalla The video is up on Youtube now, hopefully this gives you some ideas on how flexible Elements is for building layouts and and intricate designs like this!
This is fantastic! I’m really impressed that this is possible with the core components. Exactly what I was looking for. It’s also brilliant to get such quick help from everyone. And thank you very much Dan for the video. Very helpful. Elements is great 
ok back at my Mac now been away, I said a few ways to do this, this version not using the divider, using container as flex, just incase anyone interested. The first 2 are % width on the container. The top right is a bg image rater than bg color
In the center flex I should have set align and items to center
Wow, that video shows many other ways to do it. I’m going to take a close look at them one by one. There’s a lot to learn here. Thanks!!!
By the way, I’m getting an error message when I try to download the project. I have version 3.0.6 beta. Or did you happen to delete it already?
I’ll put it back
Got it now! Thanks.
