WordPress.org

Forums

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

  1. juansandro
    Member
    Posted 1 year 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 1 year 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 1 year 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 1 year 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 */
    }

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • HMS Testimonials
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.