WordPress.org

Support

Support » Plugins and Hacks » Hacks » HTML/CSS Help

HTML/CSS Help

  • I installed a plugin that has a front end editor. I am trying to make the edit box that the plugin uses longer. (the text area where a user would input his/her post.

    Be default, it appears that it is set to only 100px. I would like to make the default 500px.

    I think this is the code where the default height is located:

    <iframe id=”new-post-desc_ifr” src=’javascript:””‘ frameborder=”0″ allowtransparency=”true” title=”Rich Text Area Press ALT F10 for toolbar. Press ALT 0 for help.” style=”width: 100%; height: 100px; display: block;”></iframe>

    So in my Quick CSS box I put:

    .new-post-desc_ifr {
    height: 500px;
    }

    and then I also put it in as an id selector:

    #new-post-desc_ifr {
    height: 500px;
    }

    but neither will work. Any help would be appreciated.

Viewing 1 replies (of 1 total)
  • This should definitely work:

    #new-post-desc_ifr {
    height: 500px !important;
    }

    Use !important to force to overwrite inline css. Normally you can’t overwrite inline css from external or internal css, so you need to use !important.

    Hope it will work.

Viewing 1 replies (of 1 total)
  • The topic ‘HTML/CSS Help’ is closed to new replies.
Skip to toolbar