Creating a Note

[joshua_cline]

Hi,

I'm new to Flare and I am having trouble creating a Note style with two different colors, and to default as "Note". See attached. I've imported this style from Word just fine, but I can only get the text as green. How do I add different styles to a single note?

[devjoe]

A good way to do this is with the content attribute of the ::before pseudo-element. So you'd have something like this:

Code: Select all

p.note
{
font-weight: bold;
border-top-color: green;
border-top-width: 1px;
border-bottom-color: green;
border-bottom-width: 1px;
}
p.note::before
{
content: "Note - ";
color: green;
}

Then you'd automatically get the borders and green "Note - " in front of any paragraph assigned the Note class.

[joshua_cline]

Thank you so much! That worked.

[joshua_cline]

Is there also a way to make the text after "- Note" to automatically be bold?

[joshua_cline]

I figured it out. Thank you.