{"id":2713,"date":"2022-01-26T07:34:50","date_gmt":"2022-01-26T07:34:50","guid":{"rendered":"https:\/\/staxwp.com\/?post_type=docs&#038;p=2713"},"modified":"2022-01-26T07:34:51","modified_gmt":"2022-01-26T07:34:51","password":"","slug":"grid-style","status":"publish","type":"docs","link":"https:\/\/staxwp.com\/docs\/grid-style\/","title":{"rendered":"Grid Style"},"content":{"rendered":"\n<p><strong>Background Type<\/strong><\/p>\n\n\n\n<p>Under this section you can opt to choose what kind of background you want to set on your members grid section. You can choose between the classic and gradient types. Classic lets you choose the color or upload an image while gradient varies between several colors.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/B8yfAjL6LNgFrJvkBH1DcfxcLPbNbvy2BqagGxFvL9iu07uSOW_c2hYbZnsqom63wEfWhv2l6vSF4fqevYbpZyBzCuuSt2_FBQ0cPrc3OQeEB_hpffzR7y2Udg_dmSWpFB-EWiyw\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Box Shadow<\/strong><\/p>\n\n\n\n<p>Similar to other shadow styling options you can add some shadow effect to the grid sections. Within its settings you can adjust the blur size and spread it horizontally or vertically then position it between the outline and inset modes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/PnBfTxJOupy_pJ9NSN0YrB4lb5hCC8i0vPQCEFdZJ0b1Rl4HMEPh2Rre_zkfSjnve8OlzLtSglaQ5qaUykFq91UacnF-byrao9zT5Gi4ZIHtjT2AxIwfqXqMbpKzXua-O71p4DJj\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Border Styling<\/strong><\/p>\n\n\n\n<p>With this option you can add some border styling like setting different border types like solid, dotted, dashed, double among others. Then define the width size of your border in the grid item section. Choose a preferred color for the border and add a radius size in case you want the borders to have rounded corners.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/lh6.googleusercontent.com\/uFo1eyOk2adbUL4FDYBPQ-dmc-7HxWpuSXJiAUaMU1VBs6O6_WwfTAKzi06-0AfctNKKUD6jHuRNDX70SYmpjXmxbo1LEEydCJMlYPKGCrOEJPoBQbYoxkZK7e5UM_MMlbL5Fcxr\" alt=\"\"\/><\/figure>\n\n\n\n<p><strong>Padding and Margin<\/strong><\/p>\n\n\n\n<p>These options will allow you to add spacing between the grid items and the grid box or between the grid box and the whole page container respectively.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Background Type Under this section you can opt to choose what kind of background you want to set on your members grid section. You can choose between the classic and gradient types. Classic lets you choose the color or upload an image while gradient varies between several colors. Box Shadow Similar to other shadow styling [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"stax_block_gap":"","stax_show_title_section":"","stax_single_post_media_panel_height":"","stax_single_post_media_panel_text":"","stax_single_post_cateory_breadcrumb":"","stax_single_post_title_position":"","stax_single_post_title_align":"","stax_single_post_title_extra_align":"","stax_single_post_title_size":"","stax_single_post_image_width":"","stax_single_post_image_format":"","stax_single_post_audio_panel":"","stax_single_post_video_panel":"","stax_single_post_video_width":"","stax_single_post_gallery_panel":"","stax_single_post_gallery_width":"","stax_single_post_gallery_slides":"","stax_single_post_meta_author_avatar":"","stax_single_post_meta_author_name":"","stax_single_post_meta_post_date":"","stax_single_post_meta_reading_time":"","stax_single_post_shapes":"","footnotes":""},"doc_category":[59],"doc_tag":[],"knowledge_base":[44],"class_list":["post-2713","docs","type-docs","status-publish","hentry","doc_category-group-profile-content-pro","knowledge_base-buddybuilder"],"year_month":"2026-05","word_count":178,"total_views":"473","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"author_nicename":"john","author_url":"https:\/\/staxwp.com\/author\/john\/"},"doc_category_info":[{"term_name":"Group Profile Content (PRO)","term_url":"https:\/\/staxwp.com\/docs\/buddybuilder\/group-profile-content-pro\/"}],"doc_tag_info":[],"author_list":[{"ID":"1","user_login":"gabriel","display_name":"gabriel","id":"1"},{"ID":"4","user_login":"george","display_name":"George Tudor","id":"4"},{"ID":"6","user_login":"john","display_name":"John","id":"6"},{"ID":"7","user_login":"radu","display_name":"Radu Adrian","id":"7"},{"ID":"5","user_login":"robert","display_name":"Robert Neacsu","id":"5"}],"knowledge_base_info":[{"term_name":"BuddyBuilder","term_url":"https:\/\/staxwp.com\/docs\/buddybuilder\/","term_slug":"buddybuilder"}],"knowledge_base_slug":["buddybuilder"],"_links":{"self":[{"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/docs\/2713","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/comments?post=2713"}],"version-history":[{"count":1,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/docs\/2713\/revisions"}],"predecessor-version":[{"id":2714,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/docs\/2713\/revisions\/2714"}],"wp:attachment":[{"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/media?parent=2713"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/doc_category?post=2713"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/doc_tag?post=2713"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/staxwp.com\/wp-json\/wp\/v2\/knowledge_base?post=2713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}