WordPress.org

Ready to get started?Download WordPress

Forums

Fixed Width Admin
Extra CSS Possible to Affect Everything! (1 post)

  1. ViennaMex
    Member
    Posted 2 years ago #

    I just wanted to let folks know that since your plugin CSS file replaces WP Admin classes and ID definitions from the core WP Admin styling that ALL CSS styling can be overwritten with your plugin.

    In other words, to people who think this "Fixed Width Admin" JUST "fixes" the default Admin Width, no...you can do much much more! With Firefox Firebug, you can look at the buttons and links and all that jazz while logged in to the WP Admin pages and screens.

    Wherever you see a div with an ID (#) or a Class (.) such as the Preview Post button which is addressable by a#post-preview.preview.button you can also change that button to look like the button used in a Theme or Framework. You drop in CSS code from some other style and assign that to the a#post-preview.preview.button and its states to change the style of the WP Admin button.

    The following are definitions I dropped into your "Fixed Width Admin" CSS folder and saved.

    Everything you see in the WP Admin code when logged in that has styling rules can be moderately or drastically changed by putting those rules and your styling changes into this Plugin's CSS.

    I changed column widths, made things disappear, reset the WP Text editor to conform to the fixed width, etc, etc.

    So, this Plugin's CSS file is the Master for all your desired changes inside the WP Admin templates. Use Firebug to See the Element and it will show the exact element name you need to use with new styling inside your { } brackets.

    This was VERY HELPFUL! So, this Plugin allows you to do Everything you can possibly change with CSS modifications in the WP Admin panels.

    a#post-preview.preview.button {
    background: #92cc00;
    background: -moz-linear-gradient(top, hsla(77,100%,40%,1) 0%, hsla(77,100%,32%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,40%,1)), color-stop(100%,hsla(77,100%,32%,1)));
    background: -webkit-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: -o-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: -ms-linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    background: linear-gradient(top, hsla(77,100%,40%,1) 0%,hsla(77,100%,32%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#92cc00', endColorstr='#74a300',GradientType=0 );
    color:#fff; text-shadow: 0px 0px #ffffff;
    border: 1px solid #74a300; border-bottom: 1px solid #668f00; border: 1px solid hsla(77,100%,30%,1); border-bottom: 1px solid hsla(77,100%,28%,1);}

    a #post-preview.preview.button:active { background: #84b800; color:#fff; background: hsla(77,100%,36%,1); border: 1px solid hsla(77,100%,32%,1); border-top: 1px solid hsla(77,100%,26%,1);}
    a#post-preview.preview.button.active:focus {
    background: #a0e000;
    background: -moz-linear-gradient(top, hsla(77,100%,44%,1) 0%, hsla(77,100%,36%,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(77,100%,44%,1)), color-stop(100%,hsla(77,100%,36%,1)));
    background: -webkit-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
    background: -o-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
    background: -ms-linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
    background: linear-gradient(top, hsla(77,100%,44%,1) 0%,hsla(77,100%,36%,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0e000', endColorstr='#83b700',GradientType=0 );
    border: 1px solid #84b800;
    border-bottom: 1px solid #7cad00;
    border: 1px solid hsla(77,100%,36%,1);
    border-bottom: 1px solid hsla(77,100%,34%,1);
    }

    http://wordpress.org/extend/plugins/fixed-width-admin/

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic