How Do I Frame/ Box Text Like This?

jackalope said:

Are you using wordpress?

Click to expand...

jackalope said:

Without doing too much coding you could add to your css file something like:

Code:

.outer {
border:2px solid blue;
background:lightblue;
color:white;
}

.inner {
background:white;
color:black;
padding:5px;
}

And then in the text version of the post you could paste in:

Code:

<div class="outer">
header text goes here
<div class="inner">
body text/images/etc goes here
</div></div>

I'm assuming with this code that you're looking to have a bunch of boxes like that on any given post or page. If you just want one box like that, you would want to apply that css to the post, with the post title in the outer part and the post content in the inner. If that's the version link me to the site or something and I'll adjust the css.

I've just set some text color names there, you would probably want to pick something more specific.

Edit: the padding in inner might not be necessary, depending on what's already happening in your theme.

Click to expand...

AryabhattZero said:

You forgot border-radius: 4px;

Click to expand...

jackalope said:

I totally didn't even notice it.

Click to expand...