{"id":58,"date":"2021-11-17T10:30:47","date_gmt":"2021-11-17T10:30:47","guid":{"rendered":"https:\/\/www.radiustheme.com\/docs\/portfolio\/?p=58"},"modified":"2025-04-15T05:23:29","modified_gmt":"2025-04-15T05:23:29","password":"","slug":"styling","status":"publish","type":"docs","link":"https:\/\/www.radiustheme.com\/docs\/portfolio\/docs\/styling\/","title":{"rendered":"Styling"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The fourth step of the shortcode generator is Styling. Navigate WordPress admin menu <strong>Team<\/strong> =&gt; <strong>Shortcode Generator<\/strong> =&gt;<strong> Styling<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.1 Parent Class:<\/strong> You can enter a specific parent class for the shortcode.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.2 Primary color:<\/strong> Set the primary color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.3 Button Color:<\/strong> Set the button\u2019s background, hover and active color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.4 Button Text Color: <\/strong>Customize the button\u2019s text color.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.5 Padding [Pro]:<\/strong> This padding will activate from item to item. Unit will be pixel, No need to give any unit.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.6 Overlay Color &amp; Opacity [Pro]:<\/strong> You can customize the overlay color and its opacity.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4.7 Overlay Top Padding [Pro]: <\/strong>If a layout has content on hover of the image, you can set top padding of that content.<strong>4.8 Other field\u2019s color:<\/strong> You can customize name, name hover, short description, client name, tools, icon style, and meta style.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1904\" height=\"2237\" src=\"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings.png\" alt=\"\" class=\"wp-image-739\" srcset=\"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings.png 1904w, https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings-255x300.png 255w, https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings-872x1024.png 872w, https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings-768x902.png 768w, https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings-1307x1536.png 1307w, https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-content\/uploads\/sites\/20\/2021\/11\/Shortcode-Styling-Settings-1743x2048.png 1743w\" sizes=\"(max-width: 1904px) 100vw, 1904px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>The fourth step of the shortcode generator is Styling. Navigate WordPress admin menu Team =&gt; Shortcode Generator =&gt; Styling 4.1 Parent Class: You can enter a specific parent class for the shortcode. 4.2 Primary color: Set the primary color. 4.3 Button Color: Set the button\u2019s background, hover and active color. 4.4 Button Text Color: Customize [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":4,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"doc_category":[8],"doc_tag":[],"class_list":["post-58","docs","type-docs","status-publish","hentry","doc_category-shortcode-generate"],"year_month":"2026-10","word_count":134,"total_views":"9","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"RadiusTheme","author_nicename":"rttlp","author_url":"https:\/\/www.radiustheme.com\/docs\/portfolio\/author\/rttlp\/"},"doc_category_info":[{"term_name":"Shortcode Generate","term_url":"https:\/\/www.radiustheme.com\/docs\/portfolio\/docs-category\/shortcode-generate\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/docs\/58","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/comments?post=58"}],"version-history":[{"count":7,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/docs\/58\/revisions"}],"predecessor-version":[{"id":740,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/docs\/58\/revisions\/740"}],"wp:attachment":[{"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/media?parent=58"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/doc_category?post=58"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.radiustheme.com\/docs\/portfolio\/wp-json\/wp\/v2\/doc_tag?post=58"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}