The emphasized text is still pink.
Thanks.
Have you turned on theme designer mode, or purged all caches?
Yes. When I try to save the theme again, I get the error, "An error happened while building the styles: Error: Unrecognised input
Please try to clear your browser cache and make sure that your custom CSS/LESS is correct"
It does not seem to like my custom CSS. This is the LESS I saved, but cannot reload:
/* Theme: default */
@base-body-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
@base-link-color:rgb(30, 114, 140);
@base-link-hover-color:rgb(43, 166, 203);
@base-heading-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
@navbar-brand-color:rgb(162, 0, 0);
@navbar-brand-hover-color:rgb(198, 15, 19);
@navbar-link-color:rgb(30, 114, 140);
@navbar-link-hover-color:rgb(43, 166, 203);
@navbar-nav-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
@nav-navbar-nested-color:rgb(30, 114, 140);
@nav-navbar-nested-hover-color:rgb(43, 166, 203);
@nav-dropdown-hover-background:rgb(43, 166, 203);
@nav-dropdown-nested-color:rgb(30, 114, 140);
@nav-dropdown-nested-hover-color:rgb(43, 166, 203);
@mdl-block-header-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
@mdl-block-header-icon-color:rgb(102, 102, 102);
@mdl-block-menu-item-font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
@mdl-block-link-color:rgb(30, 114, 140);
@mdl-block-link-color-hover:rgb(43, 166, 203);
@mdl-breadcrumb-link-color:rgb(30, 114, 140);
@mdl-breadcrumb-link-hover-color:rgb(43, 166, 203);
//___CUSTOM LESS CODE START___
/*
Your custom CSS or LESS code here...
It will be added at the end of the style sheet
*/
em (color:#000);
Curly brackets needed Sharon. What you are writing there is straight css - the lines with the ( .. ) above are enclosing various parts of the rgb in the LESS (and would be the same in CSS too), but if you are writing a CSS rule, it needs to be enclosed in { }
em {color:#000};
EDIT: oops - and the typo that the ; should be inside the brackets too! Sorry!!!
em {color:#000;}
//___CUSTOM LESS CODE START___
/*
Your custom CSS or LESS code here...
It will be added at the end of the style sheet
*/
em (color:#000);
em { color: black }
Works just as well
