{"id":672,"date":"2025-02-11T05:05:16","date_gmt":"2025-02-11T05:05:16","guid":{"rendered":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/testimonial-forms\/form-style\/"},"modified":"2025-02-11T06:12:55","modified_gmt":"2025-02-11T06:12:55","slug":"form-style","status":"publish","type":"docs","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/testimonial-forms\/form-style\/","title":{"rendered":"Form Style"},"content":{"rendered":"\n

The Testimonial Form Styling<\/strong> options allow you to customize the appearance of the testimonial submission form to match your website\u2019s design. Below are the available styling options and their details:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Testimonial Form Styling Options<\/h3>\n\n\n\n
    \n
  1. Form Width<\/strong>\n
      \n
    • Set a custom width for the testimonial form to control its size.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
    • Form Padding<\/strong>\n
        \n
      • Adjust the inner spacing of the testimonial form. Padding creates space inside the form container, making it look more structured and readable.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
      • Form Background<\/strong>\n
          \n
        • Choose a background color for the testimonial form. You can select any color to match your website\u2019s theme.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
        • Form Border<\/strong>\n
            \n
          • Customize the border style, width, and color of the testimonial form. You can choose from solid, dashed, or dotted borders to enhance the form\u2019s appearance.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
          • Input Label Color<\/strong>\n
              \n
            • Set the color for input field labels (e.g., “Full Name”, “Email Address”, “Testimonial Content”). This helps improve readability and user experience.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
            • Input Field Styling<\/strong>\n
                \n
              • Control the style of input fields, including border styles, background color, padding, and text color. This ensures the form looks professional and is easy to use.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
              • Input Placeholder Color<\/strong>\n
                  \n
                • Set the color for placeholder text inside input fields (e.g., “Enter your name”, “Write your testimonial here”). This helps users understand what to enter in each field.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                • Rating Color<\/strong>\n
                    \n
                  • Pick a color for the testimonial rating stars. This allows you to match the rating stars with your overall form design.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                  • Rating Hover Color<\/strong>\n
                      \n
                    • Customize the color of the rating stars when users hover over them. This improves the user experience by providing a visual indicator when selecting a rating.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                    • Rating Style<\/strong>\n
                        \n
                      • Choose the rating style to display in the testimonial form. Options may include stars, hearts, or other rating icons.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                      • Submit Button Color<\/strong>\n
                          \n
                        • Set the color of the Submit<\/strong> button text. This should contrast well with the button background to ensure visibility.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                        • Submit Button Hover Color<\/strong>\n
                            \n
                          • Pick a different text color for the Submit<\/strong> button when users hover over it. This creates an interactive effect.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                          • Submit Button Background Color<\/strong>\n
                              \n
                            • Select a background color for the Submit<\/strong> button to make it stand out on the form.<\/li>\n<\/ul>\n<\/li>\n\n\n\n
                            • Submit Button Hover Background Color<\/strong>\n
                                \n
                              • Choose a different background color for the Submit<\/strong> button when users hover over it. This enhances the button’s visual appeal.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n

                                With these styling options, you can fully customize the testimonial form to match your website\u2019s branding and improve the user experience.<\/p>\n\n\n\n

                                <\/p>\n","protected":false},"featured_media":0,"parent":567,"menu_order":2,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-672","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":10,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/672\/revisions"}],"predecessor-version":[{"id":698,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/672\/revisions\/698"}],"up":[{"embeddable":true,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/567"}],"next":[{"title":"Form Settings","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/testimonial-forms\/form-settings\/","href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/646"}],"prev":[{"title":"Form Editor","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/testimonial-forms\/form-editor\/","href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/645"}],"wp:attachment":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/media?parent=672"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/doc_tag?post=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}