CSS classes not showing up in dropdown
5 posts by 2 authors in: Forums > CMS Builder
Last Post: February 19, 2015 (RSS)
I've read this post: http://www.interactivetools.com/forum/forum-posts.php?postNum=2210705
Having the same problem. I have added link classes to the wysiwyg_custom.css file, but when I wish to create a link in text, those classes are not displayed in the dropdown. Perhaps I am using the correct syntax in the CSS file. Any advice?
Dave
By claire - February 18, 2015
Can you copy your CSS classes here? I can take a look to make sure that the syntax is correct.
Claire Ryan
interactivetools.com
Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/
Here you are. It's the "greenlink" class that is not showing up in the class dropbox:
/* add classes here to have them appear in your 'styleselect' pulldown */
.exampleClass { color: red; font-size: 28px; }
.set-classes-in-lib-wysiwyg-css {}
.greentext {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;}
.greentext_lg {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 13pt;}
.greentext_sml {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 10pt;}
.bodytext {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
}
a.greenlink:link {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: none;}
a.greenlink:visited {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: none;}
a.greenlink:hover {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: underline;}
a.greenlink:active {
color: #336601;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 12pt;
text-decoration: none;}
By claire - February 19, 2015
Okay, I've done some checking for you here.
It appears that the Tiny MCE editor has some issues with adding CSS pseudo-classes to the dropdown. Thankfully there's a quick fix in this case - change 'a.greenlink:link' to 'a.greenlink', and it'll show up properly and apply its pseudo-classes to the WYSIWIG just fine.
Claire Ryan
interactivetools.com
Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/
Thanks Claire. I was thinking just that, but hadn't had the time to try it out. It works just great. Thanks for your time.