Changing Field Sizes

  • Resolved D-Spayre

    (@d-spayre)


    10 years, 1 month ago

    Hi,
    First of all great plugin…

    I just have a couple of questions regarding formatting the input fields. Name, Website & Testimonial
    I would like to add padding to the fields as they are all sitting flush.
    I would also like to make the fields wider and make the font larger.

    If I add a custom field called “Company” how do I place it below “Name” as all custom fields go to the bottom under “Testimonial”.

    Thank you for your help.

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeff K

    (@kreitje)

    10 years, 1 month ago

    Hey D-Spayre,

    Thanks!

    I don’t apply any CSS to the fields so you are free to do that. Here is some basic styling that will affect all text and textarea fields.

    .hms-testimonials-form input[type="text"],
.hms-testimonials-form textarea {
width:300px;
font-size:16px;
padding:5px 10px;
}

    As for your second part. Unfortunately right now you can’t define an order. However you can use javascript. I hope to some day add that ability in there.

    Try adding something like this to your footer.php theme file. It uses javascript to move it.

    <script type="text/javascript">
jQuery(document).ready(function() {
	if ( jQuery('tr.cf-company').length > 0) {
		jQuery('tr.cf-company').insertBefore( jQuery('tr.website') );
	}
});
</script>

    Let me know if this works out for you.

    Jeff

    Thread Starter D-Spayre

    (@d-spayre)

    10 years, 1 month ago

    Thanks Jeff I’ll give that a try.

    Keep up the great work!!!

    Thread Starter D-Spayre

    (@d-spayre)

    10 years, 1 month ago

    Hey Jeff,

    I tried adding:

    .hms-testimonials-form input[type="text"],
.hms-testimonials-form textarea {
width:300px;
font-size:16px;
padding:5px 10px;
}

    to my css but it didn’t do anything. Am I missing something?

    Thanks again,

    Plugin Author Jeff K

    (@kreitje)

    10 years, 1 month ago

    Can you post your link and I will take a look. Did you clear your cache at all to make sure it picks up the new CSS?

    Thread Starter D-Spayre

    (@d-spayre)

    10 years, 1 month ago

    I did clear my cache but no luck.

    Can I get your email as the site is password protected as it hasn’t gone live yet. I’ll send you the info.

    Thank you,

    Plugin Author Jeff K

    (@kreitje)

    10 years, 1 month ago

    Sure thing.

    my username @hitmyserver.com

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing Field Sizes’ is closed to new replies.