Support » Themes and Templates » CSS span specificity for tiny MCE

  • kenziejoy

    (@kenziejoy)


    I’m putting in some styles for the dropdown menu in the text editor.

    I’ve made the styles and put them in the functions.php so the span tags show up correctly when you apply them to text in the editor. But the CSS doesn’t look like I think it should. Someone suggested that I need to work on my specificity – but I’m not sure how to go about doing this – I thought a class was pretty specific. I’m just formatting the text. The title does show up larger – but nothing else seems to work.

    p.blog-title {
    	display:block;
    	font-weight:bold;
    	font-size:64px;
    	line-height:1.5;
    };
    p.blog-subhead {
    	display:block;
    	font-weight:bold;
    	font-size:32px;
    	line-height:1.75;
    };
    p.quote-line {
    	display:block;
    	font-weight:bold;
    	font-style:italic;
    	font-size:24px;
    	line-height:1.75;
    	left-padding:25px;
    	left-border:5px;
    	border-color:#fcb415;
    };
    p.quote-box {
    	display:block;
    	font-size:38px;
    	font-weight:bold;
    	line-height:1.77;
    	padding:30px;
    	border:1px;
    	border-color:#fcb415;
    };
  • The topic ‘CSS span specificity for tiny MCE’ is closed to new replies.