Conflicting Style Override Rows & Cols

  • Tony Bianco

    (@tbianco)


    12 years, 10 months ago

    I’m running into a problem here where even though I specify a column and row size for a textarea properly I have a conflicting class with a width that is overriding the cols and rows.

    See below:
    <textarea name=”your-message” cols=”8″ rows=”8″ />

    .wpcf7 textarea {
    padding-bottom:3px;
    padding-left:3px;
    padding-right:3px;
    padding-top:3px;
    width:470px;
    }

    Do I need to go in and hack the plugin to fix this or override this in my styles?

Viewing 10 replies - 1 through 10 (of 10 total)
  • esmi

    (@esmi)

    12 years, 10 months ago

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance.

    Thread Starter Tony Bianco

    (@tbianco)

    12 years, 10 months ago

    Here’s the link:
    http://www.evolvhealth.com/calendar/

    I don’t want to leave this up there for very long as it doesn’t look good having a textarea wider than the sidebar width.

    esmi

    (@esmi)

    12 years, 10 months ago

    Try adding:

    #sidebar .wpcf7 textarea {
    width: 270px;
}

    to your stylesheet.

    Thread Starter Tony Bianco

    (@tbianco)

    12 years, 10 months ago

    I know I can do that, but I was hoping for a way where that did not need to happen.

    esmi

    (@esmi)

    12 years, 10 months ago

    What were you expecting?

    Thread Starter Tony Bianco

    (@tbianco)

    12 years, 10 months ago

    Yup that didn’t work by adding it to my stylesheet. Any other suggestions?

    Thread Starter Tony Bianco

    (@tbianco)

    12 years, 10 months ago

    What am I expecting? for the plugin to not add a width to field. Seems counter productive to allow for cols and rows but then override the field with CSS and it’s width.

    If the author gives you the option of being able to add cols and rows but then overrides the fields width, then what’s the point? Just my 2 cents.

    esmi

    (@esmi)

    12 years, 10 months ago

    I can’t see that CSS on your site…

    Thread Starter Tony Bianco

    (@tbianco)

    12 years, 10 months ago

    It’s up there I just checked. The browser was caching that’s why I didn’t see the CSS override working. It still stinks that I have to do that because of the default width put there by the author.

    esmi

    (@esmi)

    12 years, 10 months ago

    I agree that it’s not ideal. A better approach might have been to set a width in percentages (say 98%) which would have allowed the textarea to scale according the the width of enclosing container. At least that’s what I tend to do for form markup in themes.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Conflicting Style Override Rows & Cols’ is closed to new replies.