WordPress.org

Ready to get started?Download WordPress

Forums

HMS Testimonials
[resolved] How to CSS testimonial submission fields (4 posts)

  1. juansandro
    Member
    Posted 7 months ago #

    Hi,

    I swear I did my best to find out, however without success :)

    How do I apply CSS to the submission fields and the submit button?

    Is there a list of id="" for each field and element?

    Thank you!

    http://wordpress.org/plugins/hms-testimonials/

  2. Jeff K
    Member
    Plugin Author

    Posted 7 months ago #

    I use a table for the form to make it easy by default. The table has a class of hms-testimonials-form and then each row has its own class.

    Name has a class of name
    Website has a class of website
    Testimonial has a class of testimonial

    Custom fields have a class of cf-[tag name in lowercase letters]. So if the custom field was Email, it would be cf-email.

  3. juansandro
    Member
    Posted 7 months ago #

    Well, I was able just to change background color of the tr for testimonial and that's fine, however if I would like to change de text field where user should enter his testimonial, how do I achieve that!?

    Thank you!

  4. Jeff K
    Member
    Plugin Author

    Posted 7 months ago #

    You can use the name attribute in your css. I will add CSS classes in the next update or so to the form.

    .hms-testimonials-form input[name="hms_testimonials_name"] {
    /* your styles here */
    }
    .hms-testimonials-form input[name="hms_testimonials_website"] {
    /* your styles here */
    }
    
    .hms-testimonials-form textarea[name="hms_testimonials_testimonial"] {
    /* your styles here */
    }

Reply

You must log in to post.

About this Plugin

About this Topic

Tags

No tags yet.