Removing squares next to radio buttons

  • samuel220

    (@samuel220)


    9 years, 1 month ago

    Great plugin so far. I’n attempting to do some minor optimization of the form’s formatting, but I’m extremely new to web development. I was able to add a little spacing and make bold question titles by finding CSS on these forums, however, I’d like to remove the small squares next to the radio buttons on my form.

    https://dennislearningcenter.osu.edu/1172-2/

    It would also be nice to create a more definitive break/header for “Event information” at the top and “Contact Information” at the bottom.

    https://wordpress.org/plugins/wpgform/

Viewing 1 replies (of 1 total)
  • Plugin Author Mike Walsh

    (@mpwalsh8)

    9 years, 1 month ago

    Add this to your custom CSS to eliminate the square bullets on list items within the form:

    div.ss-form .ss-form-entry li {
    list-style-type: none;
}

    This selector will affect the section titles (I made them exceptionally large just to make a point, you’ll have to define whatever CSS you want to change the appearence):

    h2.ss-section-title {
    font-size: 6em;
}

    I use Firebug to figure out selectors and CSS. It is invaluable for figuring our things like this.

Viewing 1 replies (of 1 total)
  • The topic ‘Removing squares next to radio buttons’ is closed to new replies.