WordPress.org

Ready to get started?Download WordPress

Forums

Fast Secure Contact Form
[resolved] get rid of all of the inline styling? (5 posts)

  1. iblastoff
    Member
    Posted 3 years ago #

    i'm using the php / nonwordpress version. how do i go about editing the actual output code of the form? i'm not liking the inline styling at all.

    for example all of the <div style="text-align:left; padding-top:5px;">
    etc etc crap.

  2. iblastoff
    Member
    Posted 3 years ago #

    got it. did not notice the advanced settings area!

  3. Mike Challis
    Member
    Plugin Author

    Posted 3 years ago #

    Can I use an external stylesheet instead of the inline css in advanced
    options?

    External vs. internal it has pros and cons.
    I made it inline because the settings survive plugin upgrades and can be easily tweaked. Just edit it right there in Advanced Options.

    For the more adventuresome ...
    You can bypass the inline style and make your own stylesheet,
    here is how:
    Look in the advanced options where you have the Inline CSS settings.
    Each setting can be changed to a class property if you prefer.
    For example:
    The setting "CSS style for form input fields DIV on the contact form:"
    can be changed from:
    text-align:left;
    to:
    class="input"

    Now you can use the input class of an external stylesheet.

    You can repeat this for each CSS setting.

    Mike

  4. iblastoff
    Member
    Posted 3 years ago #

    yes i discovered the advanced settings a little later on..i was hoping to just erase all of the styles but every time i clear the fields, upon saving the default values come back. i guess they can't be blank? i certainly don't need a css class for every single part of the form.

    either way thanks for the quick feedback/response.

  5. yitwail
    Member
    Posted 3 years ago #

    This is an old topic, but I sort of found a work-around for eliminating inline styles. You can replace each with class=''. Of course, you can also supply an actual class name when you want to style the element in question.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic