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?
Creating a Note
-
- Propeller Head
- Posts: 35
- Joined: Mon Jun 25, 2018 8:45 am
Creating a Note
You do not have the required permissions to view the files attached to this post.
Re: Creating a Note
A good way to do this is with the content attribute of the ::before pseudo-element. So you'd have something like this:
Then you'd automatically get the borders and green "Note - " in front of any paragraph assigned the Note class.
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;
}
-
- Propeller Head
- Posts: 35
- Joined: Mon Jun 25, 2018 8:45 am
Re: Creating a Note
Thank you so much! That worked.
-
- Propeller Head
- Posts: 35
- Joined: Mon Jun 25, 2018 8:45 am
Re: Creating a Note
Is there also a way to make the text after "- Note" to automatically be bold?
-
- Propeller Head
- Posts: 35
- Joined: Mon Jun 25, 2018 8:45 am
Re: Creating a Note
I figured it out. Thank you.