Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • May 1, 2014 at 9:13 pm #259058
    WickedShamrock

    I am attempting to integrate ninja forms into our site and want the input boxes to fill 100% of the container. I can achieve this using developer tools in Chrome and editing:

    #top input[type="text"]{
   width: 210px;
}

    to 

    #top input[type="text"]{
   width: 100%;
}

    I tried to edit the custom.css file by adding the css, but when I refresh the page nothing from the file is used. I tried to add the css to the general and desktop areas of the file, but neither of them made a difference.

    Is there something I am missing? Is there something that has to be enabled within wordpress that I didn’t see? Thanks for any help.

    May 2, 2014 at 10:24 am #259283
    Dude

    Hey WickedShamrock!

    Please use the quick CSS field (Enfold > Theme Options > Styling) or (best solution) use a child theme: http://kriesi.at/documentation/enfold/using-a-child-theme/ to overwrite the theme styling.

    Best regards,
    Peter

    May 7, 2014 at 2:07 am #261032
    Frank

    I was having the exact same problem. The above works. Would be nice to dial this down a bit to just the element in question. This overrides the styling in my Enfold input fields, which I kind of liked. A more subtle solution would be nice but I tried entering this in the NF CSS code and it didn’t work.

    I emailed James who is the author of the NF Styling plugin. If I hear back I’ll let you know.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Custom.css not Overriding Base.css’ is closed to new replies.