WordPress.org

Ready to get started?Download WordPress

Forums

My Custom CSS
[resolved] suggestion to make Save button position: fixed (6 posts)

  1. BaliRakhra
    Member
    Posted 1 year ago #

    Hi

    I thought I'd share a customisation I made for your plugin.

    As the Custom CSS textarea fills up with code, the page starts to scroll leading to the 'Save' button disappearing off the screen.

    Initially I added a Save button to the bottom of the textarea as well as the top, but that also started to disappear as my custom css code grew.

    So I changed the css of the save button to the following:

    <input type="submit" class="button-primary" value="<?php _e('Save','mccss'); ?>" style="position: fixed; top: 22PX; right: 0px; z-index: 5; border: 10px solid white; height: 60px; width: 110px; font-size: 20px; "/>

    Now it floats always at the top right of the screen (and the button is much larger and easier to click). It saves so much time, and I recommend you add this code (or something similar) to future plugin updates.

    Otherwise MANY MANY THANKS for one of the most useful plugins for me! :)

    http://wordpress.org/extend/plugins/my-custom-css/

  2. DarkWolf
    Member
    Plugin Author

    Posted 1 year ago #

    I've try to add another secondary button instead to edit css (i've try your style, but if i've more line i glad to click at the end instead to go at the top)....
    Opep *php, search:

    <p><?php _e('Custom CSS Code:','mccss'); ?></p>

    and edit to:

    <p><?php _e('Custom CSS Code:','mccss'); ?> <input type="submit" class="button-secondary" value="<?php _e('Save','mccss'); ?>" /></p>

    Screens: http://img839.imageshack.us/img839/7379/doublebuttonmycustomcss.png

    I think this is a best solution ;)

  3. DarkWolf
    Member
    Plugin Author

    Posted 1 year ago #

    Edit: instead if u want as fixed u can put this:

    <p><?php _e('Custom CSS Code:','mccss'); ?> <input type="submit" class="button-primary" value="<?php _e('Save','mccss'); ?>" style="font-size: 20px; height: 35px; position: fixed; top: 35px; right: 15px; z-index: 5;" /></p>
  4. DarkWolf
    Member
    Plugin Author

    Posted 1 year ago #

    I've put fixed in latest 1.3! I hope u glad this last release ;)

  5. BaliRakhra
    Member
    Posted 1 year ago #

    That is very good news. I'm glad you put the fixed button in. I feel it is the best solution, and should make life a little easier for all your happy users!

    Best wishes. and God bless you for giving us such a nice plugin!

    One final thought... Can you make your plugin create a second file (perhaps using a tab) so that you can add custom CSS for the WP Admin area?

  6. DarkWolf
    Member
    Plugin Author

    Posted 1 year ago #

    Maybe i can try, but - sorry - why u need a custom css in admin area? :P

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic