{"id":566,"date":"2025-02-10T10:21:52","date_gmt":"2025-02-10T10:21:52","guid":{"rendered":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/manage-shortcode\/grid-settings\/"},"modified":"2025-02-12T08:02:20","modified_gmt":"2025-02-12T08:02:20","slug":"grid-settings","status":"publish","type":"docs","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/manage-shortcode\/grid-settings\/","title":{"rendered":"Grid Settings"},"content":{"rendered":"\n

The Filter Menu & Column Settings<\/strong> in Super Testimonial Pro<\/strong> help you control how testimonials are displayed and filtered on the frontend. Below is a detailed guide to each option.<\/p>\n\n\n\n

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

1. Number of Columns<\/strong><\/h4>\n\n\n\n
    \n
  • Set how many columns<\/strong> the testimonials should be displayed in.<\/li>\n\n\n\n
  • Example:\n
      \n
    • 1 Column<\/strong> \u2013 Testimonials appear in a single vertical list.<\/li>\n\n\n\n
    • 2 Columns<\/strong> \u2013 Two testimonials appear side by side.<\/li>\n\n\n\n
    • 3+ Columns<\/strong> \u2013 Multiple testimonials are shown in a grid format.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
      \n\n\n\n

      2. Filter Menu Style<\/strong><\/h4>\n\n\n\n
        \n
      • The filter menu allows users to sort testimonials by category or tag<\/strong>.<\/li>\n\n\n\n
      • Available styles:\n
          \n
        • Normal<\/strong> \u2013 Displays categories as clickable buttons<\/strong>.<\/li>\n\n\n\n
        • Checkbox<\/strong> \u2013 Allows multiple selections with checkboxes.<\/li>\n\n\n\n
        • Dropdown<\/strong> \u2013 Shows a dropdown list for easy selection.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
          \n\n\n\n

          3. Filter Menu Text<\/strong><\/h4>\n\n\n\n
            \n
          • Customize the text label<\/strong> for the filter menu.<\/li>\n\n\n\n
          • Example:\n
              \n
            • Default: “Filter Testimonials”<\/strong><\/li>\n\n\n\n
            • Custom: “Sort by Category”<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
              \n\n\n\n

              4. Menu Styling<\/strong><\/h4>\n\n\n\n

              Customize the appearance of the filter menu<\/strong> to match your website design.<\/p>\n\n\n\n

              Menu Alignment<\/strong><\/h5>\n\n\n\n
                \n
              • Choose where to position the filter menu:\n
                  \n
                • Left<\/strong> \u2013 Aligns the menu to the left.<\/li>\n\n\n\n
                • Center<\/strong> \u2013 Centers the menu on the page.<\/li>\n\n\n\n
                • Right<\/strong> \u2013 Aligns the menu to the right.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n
                  Background & Font Colors<\/strong><\/h5>\n\n\n\n
                    \n
                  • Background Color<\/strong> \u2013 Set the default background color<\/strong> for the filter menu.<\/li>\n\n\n\n
                  • Font Color<\/strong> \u2013 Choose a color for the text<\/strong> inside the filter menu.<\/li>\n<\/ul>\n\n\n\n
                    Hover & Active States<\/strong><\/h5>\n\n\n\n
                      \n
                    • Background Color (Hover)<\/strong> \u2013 Change the background color when hovered<\/strong>.<\/li>\n\n\n\n
                    • Font Color (Hover)<\/strong> \u2013 Change the text color on hover<\/strong>.<\/li>\n\n\n\n
                    • Background Color (Active)<\/strong> \u2013 Set a background color for the currently active filter<\/strong>.<\/li>\n\n\n\n
                    • Font Color (Active)<\/strong> \u2013 Change the text color for the active filter<\/strong>.<\/li>\n<\/ul>\n\n\n\n

                      Final Notes<\/strong><\/h2>\n\n\n\n
                        \n
                      • The Filter Menu & Column Settings<\/strong> allow users to customize how testimonials are sorted and displayed<\/strong>.<\/li>\n\n\n\n
                      • Adjust styles, colors, and layout for a seamless, user-friendly experience<\/strong>.<\/li>\n\n\n\n
                      • Use different filter styles<\/strong> (buttons, checkboxes, or dropdowns) for an interactive testimonial display<\/strong>.<\/li>\n<\/ul>\n","protected":false},"featured_media":0,"parent":560,"menu_order":3,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-566","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/566","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=566"}],"version-history":[{"count":4,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/566\/revisions"}],"predecessor-version":[{"id":809,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/566\/revisions\/809"}],"up":[{"embeddable":true,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/560"}],"next":[{"title":"Shortcode","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/manage-shortcode\/shortcode\/","href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/562"}],"prev":[{"title":"Slider Settings","link":"https:\/\/themepoints.com\/testimonials\/docs\/super-testimonial\/manage-shortcode\/slider-settings\/","href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/docs\/565"}],"wp:attachment":[{"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/media?parent=566"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/themepoints.com\/testimonials\/wp-json\/wp\/v2\/doc_tag?post=566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}