new css selector only shows in editor

[bboursaw]

I have made a 'Note' selector off my p style and have apparently done something wrong. Everything looks good and produces the output I am expecting, but only in the editor. If I attempt to preview my output within the editor, or build my project and view it there, then I see no formatting specified in the CSS.

My skill level with CSS is still fairly low, so I am sure I've missed something pretty basic.

Here is the CSS for my note that I created.

Code: Select all

p.Note
{
	background-position-x: left;
	background-repeat: no-repeat;
	background-position: 10pt 10pt;
	color: #4b0082;
	background-color: #d8bfd8;
	background-image: url('../Images/Assets/Icons/MainIcons/ManageListsandFAQs-gray.png');
	padding-left: 64pt;
	padding-right: 18px;
	padding-top: 18px;
	padding-bottom: 24px;
	margin-left: 64px;
	margin-right: 144px;
	margin-top: 36px;
	margin-bottom: 36;
	border-top-left-radius: 18px;
	border-top-right-radius: 18px;
	border-bottom-right-radius: 18px;
	border-bottom-left-radius: 18px;
	border-left-style: solid;
	border-left-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;

Again, everything within the Flare editor for the content I am working on looks good, just doesn't seem to apply in my html viewer within the editor or when building the output and viewing in Chrome.

The text that I apply the style to simply looks like regular paragraph text.

I have checked the ref in the topic and verified that it is pointing to the correct style sheet.

Not sure what else to check.

[NorthEast]

If nothing in the whole stylesheet is appearing, then the stylesheet might not be included in that target.
Typically, that'll happen if you have multiple stylesheets and have set a master stylesheet in your target, but have not selected the option to allow local stylesheets.