Viewing 3 replies - 1 through 3 (of 3 total)
  • 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!

    Thread Starter dbrobst

    (@dbrobst)

    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!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Blog Post Shading box’ is closed to new replies.