How To Change Text Editor Background, but where the icons are? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    How To Change Text Editor Background, but where the icons are?

    Vergil
    Vergil
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

    In progress How To Change Text Editor Background, but where the icons are?

    Post by Vergil August 20th 2014, 12:53 am

    I want to change this: https://i.imgur.com/eZK4Hkz.png
    Into this: https://i.imgur.com/SEENFcX.png
    How do i do it?
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Ange Tuteur August 20th 2014, 12:58 am

    Hello GhostRiderUSA,

    Go to Administration Panel > Display > Colors > Background colors

    Change the toolbar color to what you wish :
    How To Change Text Editor Background, but where the icons are? Captur93
    Vergil
    Vergil
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Vergil August 20th 2014, 1:24 am

    https://i.imgur.com/pdttRl2.png ok it worked, but the text color is black.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Ange Tuteur August 20th 2014, 3:02 am

    For source code mode add this to your CSS:
    Administration Panel > Display > Colors > CSS stylesheet
    Code:
    .sceditor-container textarea{ color:#fff !important; }

    For WYSIWYG mode create a new script:
    Administration Panel > Modules > Javascript codes management
    Make sure to tick in all the pages
    Code:
    $(window).load(function () {
      $(".sceditor-container iframe").contents().find("head").append("<style>body,html,code:before,p,table{color:#fff!important;}</style>")
    });
    Vergil
    Vergil
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Vergil August 20th 2014, 8:45 pm

    not working.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Ange Tuteur August 21st 2014, 12:09 am

    Place this at the top of your stylesheet :
    Code:
    .sceditor-container textarea{ color:#fff !important; }
    Vergil
    Vergil
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Vergil August 21st 2014, 3:09 am

    Still not working..
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Ange Tuteur August 21st 2014, 6:22 am

    Please provide a link to your forum.

    Thanks.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51556
    Reputation : 3519
    Language : English
    Location : United States

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by SLGray August 21st 2014, 6:26 am

    Which one exactly is not working:  the CSS one or the JavaScript one?



    How To Change Text Editor Background, but where the icons are? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Vergil
    Vergil
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Vergil August 21st 2014, 7:47 am

    officialhonor.forumotion.com
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13246
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    In progress Re: How To Change Text Editor Background, but where the icons are?

    Post by Ange Tuteur August 21st 2014, 10:50 am

    I don't see the script installed in all pages. Have you enabled JavaScript codes management ?
    Administration Panel > Modules > JavaScript codes management

    Tick 'Yes' for 'Enable Javascript code management' and save.
    How To Change Text Editor Background, but where the icons are? Captur96