Blog Post Shading box

Hi dbrobst,

In your post, switch to the HTML editor tab. Open a span tag just before the text you want to highlight, then close the span tag just after that text. So for example:

Here's my text in the HTML view and <span style="background-color:yellow">here is what I want to highlight</span> in that text.

This will add a yellow background to the text between the span tags. You can change that color if you want to use something other than yellow.

Hope this helps!

ChristiNi,
That does help, thank you very much. Is there a way to fill in between the lines to make a shaded box appearance?

Hi dbrobst,

If I understand correctly, you want to add an actual box outline around the highlighted text, not just a highlighted background. If that is correct, you can add a border to the span tag:

https://www.w3schools.com/css/css_border.asp

So, your new code would look something like this:

Here’s my text in the HTML view and <span style=”background-color:yellow;border-style:outset;”>here is what I want to highlight</span> in that text.

I had a little issue with mine, so if you don’t see the border, try adding border-width to your CSS like this:

Here’s my text in the HTML view and <span style=”background-color:yellow;border-style:outset;border-width:4px”>here is what I want to highlight</span> in that text.

Adjust the border style, width and color as you like.

Hope this helps!