Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • June 22, 2017 at 10:07 pm #811843
    Fred1969

    I can’t seem to make this font-size bigger through changing editor.css / editor-min.css or extra css with customizer. I want tot change it to 18 px.

    Anyone help me please…

    .wp-editor-area {
    font-family: Consolas,Monaco,monospace;
    font-size: 13px;
    padding: 10px;
    margin: 1px 0 0;
    line-height: 150%;
    border: 0;
    outline: 0;
    display: block;
    resize: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    • This topic was modified 7 years, 5 months ago by Fred1969.
    June 22, 2017 at 11:15 pm #811865
    Jordan Shannon

    Hey Fred1969,

    The style editor support must be added to the theme. Please see the following links:

    https://kriesi.at/support/topic/matching-wysiwyg-editor-style-with-customized-enfold-style/

    add_editor_style()

    Best regards,
    Jordan Shannon

    June 23, 2017 at 8:04 am #811997
    Fred1969

    Hi, thanks but I can’t get it to work, surely it’s my lack of knoledge. This is what i did:

    I added in the Child Theme:

    In functions.php:

    function add_editor_style( $stylesheet = ‘editor-style.css’ ) {
    add_theme_support( ‘editor-style’ );

    if ( ! is_admin() )
    return;

    global $editor_styles;
    $editor_styles = (array) $editor_styles;
    $stylesheet = (array) $stylesheet;
    if ( is_rtl() ) {
    $rtl_stylesheet = str_replace(‘.css’, ‘-rtl.css’, $stylesheet[0]);
    $stylesheet[] = $rtl_stylesheet;
    }

    $editor_styles = array_merge( $editor_styles, $stylesheet );
    }

    I created editor-styles.css

    And coded:

    editor-style {
    font-family: Consolas,Monaco,monospace;
    font-size: 18px;
    padding: 10px;
    margin: 1px 0 0;
    line-height: 150%;
    border: 0;
    outline: 0;
    display: block;
    resize: vertical;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }

    June 23, 2017 at 4:16 pm #812152
    Victoria

    Hi Fred1969,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    June 23, 2017 at 5:12 pm #812179
    Fred1969

    Hi there,

    Thanks. I removed the codes.

    June 23, 2017 at 6:50 pm #812248
    Jordan Shannon

    Hi,

    You are using a very outdated version of Enfold. Would you be able to update before we proceed. It is highly recommended and should help ensure a better outcome for the custom code we will be adding.

    The Complete Guide to Updating Enfold

    Best regards,
    Jordan Shannon

    June 26, 2017 at 7:43 am #812904
    Fred1969

    Hey Jordan,

    I updated Enfold. I Thought it woeld warn me if there was a newer version in the backend. It didn’t…

    So now her is it with the latest version.

    Hoping you could help me out now.

    GTZ Fred

    June 26, 2017 at 12:53 pm #813027
    Victoria

    Hi Fred,

    Wordpress always shows when there is a theme update, unless there is something broken in it.
    Could you please enable the Appearance > Editor menu.

    You can also enlarge the font and interface by pressing ctrl + to zoom in the window, or cmd + on a Mac.

    Best regards,
    Victoria

    June 26, 2017 at 1:42 pm #813052
    Fred1969

    Hey Victoria,

    Editor is on…

    GRTZ Fred

    June 26, 2017 at 3:49 pm #813117
    Victoria

    Hi Fred,

    Best regards,
    Victoria

    June 26, 2017 at 4:07 pm #813121
    Fred1969

    Mm. The complet website is out of order… Error 500, what happened?

    GRtz. Fred

    June 26, 2017 at 4:14 pm #813126
    Victoria

    Hi,

    Best regards,
    Victoria

    June 26, 2017 at 4:24 pm #813129
    Fred1969

    Still not working,

    I deleted the code from fuctions.php, It corrupted the complete website. Isn’t ther a simple code? It can’t be that difficult…

    Grtz. Fred

    June 26, 2017 at 4:38 pm #813136
    Jordan Shannon

    Hi,

    Is the goal to increase the font of the editor field? The write area?

    Best regards,
    Jordan Shannon

    June 26, 2017 at 4:57 pm #813141
    Fred1969

    Hi,

    Yes no more, no less…

    Grtz. Fred

    And this does’nt work…

    .wp-editor-area {
    font-size: 20px;
    }

    June 26, 2017 at 6:24 pm #813154
    Yigit

    Hi!

    Please try adding following code to Functions.php file in Appearance > Editor 

    function av_hide_alb() {
  echo '<style>.wp-editor-area {
font-size: 20px !important;
}</style>';
}
add_action('admin_head', 'av_hide_alb');

    Best regards,
    Yigit

    • This reply was modified 7 years, 4 months ago by Yigit.
    June 27, 2017 at 7:49 am #813316
    Fred1969

    Thanks a lot that worked, And a last question,: my client now also want it voor the visual part. Do you also hav a code for that?

    And then I will silence myself for as long as possible…

    Grtz. Fred

    June 27, 2017 at 1:35 pm #813403
    Yigit

    Hi Fred,

    No need to silence yourself on our forums, we are here to help :)

    Can you please post a screenshot and show the changes you would like to make so we can provide you an accurate code?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 18 posts - 1 through 18 (of 18 total)
  • You must be logged in to reply to this topic.