Shaded Box around Text

ariannasrandomthoughts · Member · Feb 8, 2012 at 9:06 pm
Copy link

Add topic to favorites
Hi,

I wanted to put a shaded box around certain text on each of my blog posts, to high light a point. Do you know how I can do this?
If you aren’t sure what I mean – I’ll show you an example on a blog I follow.

http://growthlines.wordpress.com/

Thanks.

The blog I need help with is: (visible only to logged in users)
timethief · Member · Feb 8, 2012 at 9:09 pm
Copy link
See here please > http://wpbtips.wordpress.com/2009/09/19/background-color-to-text/
ariannasrandomthoughts · Member · Feb 8, 2012 at 9:26 pm
Copy link
Thanks for the helpful and quick response!
timethief · Member · Feb 8, 2012 at 9:27 pm
Copy link
You’re welcome. :)
ariannasrandomthoughts · Member · Feb 8, 2012 at 11:20 pm
Copy link
So I tried using this code and it didn’t work

<div style=”padding:12px;background-color:#HEX HERE;line-height:1.4;”>
TEXT HERE
</div>

for the hex here – i put in a number of the colour I wanted

???
timethief · Member · Feb 8, 2012 at 11:30 pm
Copy link
what is the hex code number please?
did you also close </div> the open <div> tag at the end of your block of text?
timethief · Member · Feb 8, 2012 at 11:32 pm
Copy link
BTW you must leave the # sign in the code prior to the hex color number. If you remove it then the code will not work.
ariannasrandomthoughts · Member · Feb 8, 2012 at 11:35 pm
Copy link
#F79F81

I thought I did both of those things. Weird. I’ll try it again.
timethief · Member · Feb 8, 2012 at 11:38 pm
Copy link
I’ve used this same code snippet many times and it does work. Make sure you aren’t creatively adding any spaces or anything to it.
ariannasrandomthoughts · Member · Feb 8, 2012 at 11:40 pm
Copy link
Ok now it works :) Thanks sorry about that.
timethief · Member · Feb 8, 2012 at 11:41 pm
Copy link
No problem. Happy blogging. :)

No items found.