Content Blue Boxes

Hi there,

That page is using a shortcode to output those, but you don't have to. We can do it with some HTML and CSS.

For example, here's your pro tip:

<div class="pro-tip">Your text in here</div>

And here's your CSS:

.pro-tip {
    background-color: #e4ecf3;
    border: 1px solid #428bca;
    padding: 20px;
}

Let me know if you need more info :)

Thanks that is exactly what I wanted!

If I wanted to add another box in the same post, using a different yellow, what would be the code to add that as well?

So in the same post, a box with yellow and blue

Thank you

Hi there,

if its just a yellow one then add a different custom class to your markup eg.

<div class="yellow-tip">Your text in here</div>

and add this CSS:

.yellow-tip {
    background-color: #fcffd9;
    border: 1px solid #dbe198;
    padding: 20px;
}