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.
The forum of the forums
4 posters

    Editor toolbar modification

    Dollymixture
    Dollymixture
    Forumember


    Posts : 36
    Reputation : 1
    Language : English

    Solved Editor toolbar modification

    Post by Dollymixture February 14th 2017, 11:38 pm

    Hello, how do I modify the sceditor so that only the first three sub-menus appear for everyone please?


    Last edited by Dollymixture on February 15th 2017, 4:43 am; edited 1 time in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Editor toolbar modification

    Post by SLGray February 15th 2017, 3:46 am

    There is no individual selectors for each group. You will have to add CSS codes that remove the individual buttons.



    Editor toolbar modification Slgray10

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


    Posts : 36
    Reputation : 1
    Language : English

    Solved Re: Editor toolbar modification

    Post by Dollymixture February 15th 2017, 4:07 am

    O.k. but where is the CSS code for the editor? I have looked in the CSS in the style sheet found under Display->Pictures and Colors>Forums basic CSS
    but didn't find anything to do with the editor.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Editor toolbar modification

    Post by SLGray February 15th 2017, 4:24 am

    Hover your cursor over the buttons you want to remove and right click them. Click inspect element.'



    Editor toolbar modification Slgray10

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


    Posts : 36
    Reputation : 1
    Language : English

    Solved Re: Editor toolbar modification

    Post by Dollymixture February 15th 2017, 4:42 am

    Ah, thankyou. I am on an iPad at the moment so couldn't do that! I will go on my PC and do it, thanks.
    Ch@lo Valdez
    Ch@lo Valdez
    Forumember


    Male Posts : 138
    Reputation : 50
    Language : spanish

    Solved Re: Editor toolbar modification

    Post by Ch@lo Valdez February 15th 2017, 6:37 pm

    like this?
    Editor toolbar modification Captur42
    Code:

    .sceditor-group:nth-of-type(4),
    .sceditor-group:nth-of-type(5),
    .sceditor-group:nth-of-type(6){
    display:none
    }

    TonnyKamper likes this post

    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Editor toolbar modification

    Post by Ape February 15th 2017, 6:39 pm

    Is this now solved as it is mark as such.



    Editor toolbar modification Left1212Editor toolbar modification Center11Editor toolbar modification Right112
    Editor toolbar modification Ape_b110
    Editor toolbar modification Ape1010
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Editor toolbar modification

    Post by SLGray February 15th 2017, 8:10 pm

    Ch@lo Valdez wrote:like this?
    Editor toolbar modification Captur42
    Code:

    .sceditor-group:nth-of-type(4),
    .sceditor-group:nth-of-type(5),
    .sceditor-group:nth-of-type(6){
    display:none
    }
    Where did you locate the numbers?  I do not see them when I inspect the elements.



    Editor toolbar modification Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Ch@lo Valdez
    Ch@lo Valdez
    Forumember


    Male Posts : 138
    Reputation : 50
    Language : spanish

    Solved Re: Editor toolbar modification

    Post by Ch@lo Valdez February 16th 2017, 10:23 pm

    @SLGray :nth-of-type(n) is a pseudoselector you can select elements in a list by position 1 = firstlement, 2 = next element, etc

    you can hide the groups of buttons 4th, 5th and the last, 6th element in the list

    Code:
    .sceditor-group:nth-of-type(4),
    .sceditor-group:nth-of-type(5),
    .sceditor-group:nth-of-type(6){
    display:none
    }
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Editor toolbar modification

    Post by SLGray February 16th 2017, 10:28 pm

    Thanks.

    Problem solved & topic archived.
    Please read our forum rules:  ESF General Rules



    Editor toolbar modification Slgray10

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

      Current date/time is September 22nd 2024, 11:34 pm