New CSS style not in menu

• 

  tinbe88 · Member · Apr 10, 2015 at 6:05 pm

  • Copy link
  • Add topic to favorites

  I created a couple of new CSS styles in the CSS editor. While I can manually add them in line, there appears to be no way to add those styles to teh drop down paragraph menu so that I can style things with one click. I am handing this site over to people with NO CSS or HTML background and want them to be able to add things without going under the hood. Any suggestions?

  The blog I need help with is: (visible only to logged in users)

• 

  designsimply · Member · Apr 10, 2015 at 9:46 pm

  • Copy link

  there appears to be no way to add those styles to the drop down paragraph menu so that I can style things with one click

  That would require customizing the TinyMCE editor, and I’m sorry to have to inform you that is not an option available here at WordPress.com. It’s something you could do if you switched to WordPress.org, but that can be a large undertaking and I wouldn’t recommend a switch unless it was absolutely needed.

  Some ideas that might help as workarounds:

  You could switch from a class name like “hilite” to a tag name like “em,” that way they could use the italics button for that one (or bold).

  For the “photoCredit” you could style captions instead of using a specific class name for that.

• 

  tinbe88 · Member · Apr 10, 2015 at 11:11 pm

  • Copy link

  Thanks for that. I am not sure how to restyle a CSS style. i was informed i couldn’t change the original CSS.

• 

  designsimply · Member · Apr 13, 2015 at 2:02 pm

  • Copy link

  I was looking at your custom CSS at https://heritagetrondek.wordpress.com/wp-admin/customize.php in the CSS panel which has custom styles for the classes “hilite” and “photoCredit.”

  I was suggesting using the “em” tag name instead of “.hilite” and the “.wp-caption-text” (that’s the class name used for captions by default) instead of the “.photoCredit” class name that is currently saved in your custom CSS. Does that make sense? It is indeed a bit of a workaround and may not be what you want to do in the end. The down side is you would be changing all italicized text (the “i” button in the TinyMCE editor) to whatever styles you define instead (i.e. the “.hilite” custom CSS).

  It’s the best workaround I could think of given the limitation that you cannot modify the drop down paragraph menu in the editor that you originally asked about.

• 

  tinbe88 · Member · Apr 13, 2015 at 4:30 pm

  • Copy link

  Thanks for the suggestion but I don’t want all em text to be hilite text as we use em alot for italicizing book titles, etc. I guess I will just have to stick with the manual inserts. Definitely something to consider implementing in the future thought; a drop down menu of user created styles.

• 

  designsimply · Member · Apr 13, 2015 at 4:59 pm

  • Copy link

  Thanks for the suggestion tinbe88, it’s not something we’re planning for now but we’ll keep it in mind for the future.