Skip to:
Content
Pages
Categories
Search
Top
Bottom

Styling the visual editor


  • Nuchaz
    Participant

    @nuchaz

    Hello bbPress community, I am currently building a theme for my website (started with the underscores theme) that uses bbPress and I’ve hit a snag. So, as per the bbPress codex here on enabling the visual editor, I have that enabled. I also hid the tabs to switch between the visual editor and the html editor (just using css display:none) since I only want my users to access the visual editor. Ok, that works fine. Now I need to style the visual editor.

    So how would I go about styling the tinymce editor? I would like to change the font family and add some styling to the block quotes so they match everything else.

    Looking at the code via the chrome dev tools it looks like the tinymce editor loads its own style sheets inside the tinymce form. I’m not sure how to override them.

    Thanks in advance to anyone who can help me figure this out. This is my last major thing I think I need to do before I can call my theme done and move it from my local dev environment to my staging server and start building out all my content.

Viewing 1 replies (of 1 total)

  • Nuchaz
    Participant

    @nuchaz

    I guess I jumped the gun on asking for help on this. A little more digging and I found my answer. I found a way to automatically load my default style sheet in place of the tiny mce style sheet and this basically automatically styled the editor to look like everything else.
    Just had to add this to my functions.php:

    if ( ! function_exists('tdav_css') ) 
    {
        function tdav_css($wp) 
        {
            $wp .= ',' . get_bloginfo('stylesheet_url');
    	return $wp;
        }
    }
Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.
Skip to toolbar