WordPress.org

Ready to get started?Download WordPress

Forums

Single column admin theme (11 posts)

  1. gazpachu
    Member
    Posted 7 years ago #

    Hi,

    Ive made a single column admin theme for http://www.saveguimaras.com

    You can login and enter the admin theme with this:
    http://www.saveguimaras.com/blog/wp-admin
    username: demo
    pass: demo

    I need a CSS guru to tell me how to fix the css issue that i have in the "write" section. Once you enter, you will know what Im talking about...

    The css file of the admin theme is located here:
    http://www.saveguimaras.com/blog/wp-content/plugins/saveguimaras_admin_theme/wp-admin.css

    Gracias ;)

  2. gazpachu
    Member
    Posted 7 years ago #

    help

  3. sadish
    Member
    Posted 7 years ago #

    did you try reducing the width of the content area ?

  4. gazpachu
    Member
    Posted 7 years ago #

    Hi,

    Im trying and trying! but i cannot fix it. I feel very frustrated with my CSS Knowledge. This is how I understand the situation...with the help of DOM inspector of Firefox:

    The div "poststuff" (its the main container of the write page in the admin menu).

    Inside of it, there is the "moremeta" div and inside of it there is the "dbx-group" and "grabit" DIV.

    Moremeta and dbx-group are the DIVs that contain all those fancy boxes... that I cannot align with the editor and the other stuff..

    Ive tried everything I know...
    I need a CSS guru

  5. gazpachu
    Member
    Posted 7 years ago #

    okey, i start now to describe it

    in the write section of the admin panel of http://www.saveguimaras.com

    i would like to align all the boxes in the right with the editor of the left

    the problem is:
    the boxes are inside of a DIV with position:absolute

    if the position remains absolute, the boxes will not stay FIXED.. they will move when the user Resizes the window

    if the position changed to relative, all the boxes will be displayed on the TOP of the editor.. and its impossible to me to align them to the right of the editor

    the question is: how to align the boxes with the editor

  6. FYI: your login page as many issues. I can't even use it.

  7. vkaryl
    Member
    Posted 7 years ago #

    If I were you.... I'd use google, search for wordpress admin themes, look at how some are constructed.

  8. gazpachu
    Member
    Posted 7 years ago #

    The login works fine with me... What problem do you have? what's the error message?

    To vkaryl: I've already tried that, but the ones that I've found are not based in a single column layout... therefore, is the same position:absolute thing that doesnt help me.

  9. gazpachu
    Member
    Posted 7 years ago #

    I still couldn't fix it :-(

  10. bleach984
    Member
    Posted 7 years ago #

    what you could try is to change the position:absolute to position:relative and then add the following line of code right underneath
    _______________________

    float:right;
    _______________________

    Hope It Works

    Also look at sadish's post that also might help if what i said doesn't work or in-concert with what I said.

    Bleach984

  11. gazpachu
    Member
    Posted 7 years ago #

    Thank you bleach984... Now it looks better in Firefox but in IE still it doesn't work.

    This is how it looks the CSS now:

    /* Can change this */
    #moremeta fieldset, #advancedstuff fieldset {
    margin-bottom: 1em;
    }
    #moremeta fieldset div {
    margin: 2px 0 0 0px;
    padding: 7px;
    }
    #moremeta {
    line-height: 130%;
    position: relative;
    float:right;
    left: 230px;
    }
    #moremeta select {
    width: 96%;
    }

    Any other helpfull suggestion?

Topic Closed

This topic has been closed to new replies.

About this Topic