Home › Forums › Support › Content Blue Boxes This topic has 3 replies, 3 voices, and was last updated 4 years, 9 months ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts June 28, 2019 at 10:59 pm #944388 Mike Hello Could you guys point me in the right direction on how to make these blue “pro tip” boxes? Thank you June 29, 2019 at 8:36 am #944688 TomLead Developer Lead Developer 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 🙂 July 1, 2019 at 1:03 pm #946433 Mike 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 July 1, 2019 at 2:28 pm #946490 DavidStaff Customer Support 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; } Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In