Modifying CSS to change RSVP default layout

  • Hi David,

    I would like to modify the RSVP dialog to conform to my site aesthetics.

    The problem is that searching through the HTML and CSS is a real bear. Do you a cheat sheet that lists the CSS elements that one needs to edit?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author davidfcarr

    (@davidfcarr)

    Not yet, but good idea.

    A few tips:
    all content is wrapped in the class rsvpmaker, so

    .rsvpmaker p {CSS goes here} – alter the display of all paragraphs, including those in the description

    the form ID is rsvpform, so

    #rsvpform p {CSS goes here} – all paragraphs inside the form

    #rsvpform input[type=text] {CSS goes here} – all text input fields

    #rsvpform label {CSS goes here} – labels for the form fields

    Also:

    h3#rsvpnow {CSS goes here} – RSVP Now headline

    input#rsvpsubmit {CSS goes here} – Submit button

    Plugin Author davidfcarr

    (@davidfcarr)

    Example, using the Customizer

    Thread Starter JohnX

    (@xbootenk)

    Many thanks. I’ll work on it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modifying CSS to change RSVP default layout’ is closed to new replies.