Horizontal line in post

Developer help
1

Hi guys, how can I make a horizontal gray line like that of this post in Casper

Thanks for your help!

2

I think you are looking for the “Divider” card:

image
image1056×912 122 KB

3

The Divider card does that for you.

If it’s not giving you the style you’re looking for, you can create your own snippet based on a HTML card.

Here’s the CSS for the code injection:

<style>
hr.gray {
  border: 2px solid #eee;
  border-radius: 3px;
}
</style>

HTML card of which you create a snippet:

<hr class="gray">

That’s it. Play around with the CSS to match what you need. Best of luck!

4

Hey @thebear.dev - potentially stupid question… but what CSS code do I need to shorten the space before and after the divider line? It’s really tall right now on my theme.

5

You should be able to use max-width for that.

6

Sweet. Thank you!!!

7

thank u for all your amazing help & knowledge!