How to make a nice quote field with a different background color in your WordPress blog post?

How to make a nice quote field with a different background color in your WordPress blog post?

It is simple. Use a div section.

<div style="width:500px;background-color:#363636;color:#ffffff;border-style:ridge;border-width:5px;padding:10px;">
Any text you want here.

More lines...

More lines...

</div>

This will make a nice box like this:

Any text you want here.

More lines…

More lines…

Change the colors as you want.

Hope this helps you.

Also, this is not for code posts. If you want to post code, see this post:
How to post code in a wordpress blog so it maintains its formatting?

17 Comments

  1. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  2. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  3. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  4. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  5. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  6. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  7. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  8. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  9. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  10. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  11. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  12. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  13. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  14. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  15. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  16. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

  17. [...] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? [...]

Leave a Reply

How to post code in comments?

*