![]() For each "callout" there is a border colour, a background colour, and a colour style (the colour style is for the colour of the text). ![]() The first c-callout, c-callout_title, and c-callout_paragraph styles set the defaults for the boxes.Īfter those, there are styles for each type of "callout", such as note, info, and warning. I'll tell you where to add the CSS, but first let's have a quick look at what each part of the CSS does. For the SVGs, I used 16x16 pixel svg icons that I converted into URI data by using .ĭon't worry, it's not a huge, complicated process! This post looks long because I've included all of the CSS code you need to add. For the CSS, I copied some code at and butchered it a little bit as I didn't want the closable boxes. ![]() ![]() There are lots of different ways of achieving this, but I went for SVG icons that are added directly into the CSS. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. Archives
January 2023
Categories |