I'm looking to add a border around text or any of my blocks. I know it needs to be a custom CSS, but I'm not sure how. Any ideas???

Thanks!

If you already know CSS, you just need to identify the ID of the block you want to edit. You'll need to look in your browser's developer module and inspect the element to find what name (usually "block-xxxxxxxxxxxx") has been assigned to that div. Then you can add CSS values for that ID in your custom CSS, but make sure you haven't broken something else by doing it.

I'm not super familiar with finding the name. Would you be able to help me? www.beautydelamer.com I'm looking to add a border around the "Fact Friday" text box. Thanks!

I think I figured it out! Here's what I used:

#block-(your ID)
{
border-style:double;
border-color:#299979;
border-width:3px;
}

Go to www.beautydelamer.com to see what it looks like.

The block ID that I found was "block-a7e349a6c332bd6940ff". Try replacing:

block-(your ID)

with:

div#block-a7e349a6c332bd6940ff

If you put it in exactly as you showed, you may get unintended results.

where do you drop this code?

@jasonwindsor @BeautydelaMer

Hey I am very new to CSS and I want to do something similar I was wondering if you knew how? I too want a border around my headline font but, with no fill. Like the attached image. Do you know how to do this with a CSS code?