{"id":662,"date":"2021-05-25T21:10:17","date_gmt":"2021-05-25T21:10:17","guid":{"rendered":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons-new-new\/?p=662"},"modified":"2023-07-12T08:47:49","modified_gmt":"2023-07-12T08:47:49","slug":"style","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/","title":{"rendered":"Style"},"content":{"rendered":"\n<p>In the <strong>Style<\/strong> tab, you will be able to configure all the style-related options that apply to all add-ons globally. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Block style <\/h3>\n\n\n\n<p>Let&#8217;s start with the options of the first section: <strong>Block style.<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2016\" height=\"974\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\" alt=\"Block style\" class=\"wp-image-1742\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg 2016w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style-300x145.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style-1024x495.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style-768x371.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style-1536x742.jpg 1536w\" sizes=\"auto, (max-width: 2016px) 100vw, 2016px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Block titles<\/strong>: choose here the default heading for the title in the block of options. You can select any tag between H1 and H6, and it will apply to all your add-ons titles.<\/p>\n\n\n\n<p><strong>Block background<\/strong>: set the background color for all block options.<\/p>\n\n\n\n<p><strong>Block padding<\/strong>: set the padding for the content in all block options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Toggle<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle.png\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1716\" height=\"310\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle.png\" alt=\"Toggle\" class=\"wp-image-1744\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle.png 1716w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle-300x54.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle-1024x185.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle-768x139.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/toggle-1536x277.png 1536w\" sizes=\"auto, (max-width: 1716px) 100vw, 1716px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Show options in toggle<\/strong>: enable to show the options blocks in toggle sections.<\/p>\n\n\n\n<p><strong>Show toggle opened by default<\/strong>: enable to show the toggle opened by default. <\/p>\n\n\n\n<p class=\"has-light-gray-background-color has-background\">If you want to override these settings for one or more add-ons, you can do that from the &#8220;<strong>Display &amp; Style<\/strong>&#8221; tab available for all add-ons types.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Form style<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1723\" height=\"1752\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style.jpg\" alt=\"Form style\" class=\"wp-image-1745\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style.jpg 1723w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style-295x300.jpg 295w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style-1007x1024.jpg 1007w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style-768x781.jpg 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-style-1511x1536.jpg 1511w\" sizes=\"auto, (max-width: 1723px) 100vw, 1723px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Form style<\/strong>: choose the general style for the form elements: (checkbox, radio, select, input, textarea, etc.):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>theme style<\/strong>: select this if you want that all style elements are inherited from the theme style, or<\/li>\n\n\n\n<li><strong>custom style<\/strong>: set your custom style using the options that will appear below<\/li>\n<\/ul>\n\n\n\n<p><strong>Checkbox style<\/strong>: choose between <strong>rounded<\/strong> or <strong>square<\/strong>.<\/p>\n\n\n\n<p><strong>Accent color<\/strong>: set the accent color (e.g. green in the screenshot below).<\/p>\n\n\n\n<p><strong>Form border color<\/strong>: set the color of the borders in the form.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-options.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"990\" height=\"966\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-options.jpg\" alt=\"Form border colors\" class=\"wp-image-1755\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-options.jpg 990w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-options-300x293.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/form-options-768x749.jpg 768w\" sizes=\"auto, (max-width: 990px) 100vw, 990px\" \/><\/a><\/figure>\n\n\n\n<div style=\"height:34px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><strong>Label font size (px)<\/strong>: set the font size of all options labels in pixels. <\/p>\n\n\n\n<p><strong>Description font size (px)<\/strong>: set the font size of all options labels in pixels.<\/p>\n\n\n\n<p><strong>Required option color:<\/strong> set the color of the options set as required<\/p>\n\n\n\n<p><strong>Required option text (px):<\/strong> enter a custom text that identifies the required options<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Price box style<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box.png\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1394\" height=\"314\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box.png\" alt=\"Price box style\" class=\"wp-image-1746\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box.png 1394w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box-300x68.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box-1024x231.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/price-box-768x173.png 768w\" sizes=\"auto, (max-width: 1394px) 100vw, 1394px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Price box style:<\/strong> set the text and background colors for the price box.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Color swatches<\/h3>\n\n\n\n<p>These settings apply to all color swatches across your site:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches.png\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"464\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches.png\" alt=\"Color swatches\" class=\"wp-image-1747\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches.png 1218w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches-300x114.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches-1024x390.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/color-swatches-768x293.png 768w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Color swatch style<\/strong>: choose between<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>rounded<\/li>\n\n\n\n<li>square<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"232\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/rounded.png\" alt=\"\" class=\"wp-image-1748\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/rounded.png 358w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/rounded-300x194.png 300w\" sizes=\"auto, (max-width: 358px) 100vw, 358px\" \/><figcaption class=\"wp-element-caption\">Rounded<\/figcaption><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"384\" height=\"238\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/square.png\" alt=\"\" class=\"wp-image-1749\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/square.png 384w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/square-300x186.png 300w\" sizes=\"auto, (max-width: 384px) 100vw, 384px\" \/><figcaption class=\"wp-element-caption\">Square<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Color swatch size (px)<\/strong>: set the size of the color thumbnails.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"labels-images\">Labels\/images<\/h3>\n\n\n\n<p>In the next section, you will be able to set up the options of all labels and images type of options globally. Yet, these settings can be overridden from every single label\/image add-on. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images.png\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1718\" height=\"872\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images.png\" alt=\"Lbel &amp; Images\" class=\"wp-image-1750\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images.png 1718w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images-300x152.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images-1024x520.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images-768x390.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/label-images-1536x780.png 1536w\" sizes=\"auto, (max-width: 1718px) 100vw, 1718px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Image position<\/strong>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>above label<\/li>\n\n\n\n<li>below label<\/li>\n\n\n\n<li>left side<\/li>\n\n\n\n<li>right side<\/li>\n<\/ul>\n\n\n\n<p><strong>Force image equal heights<\/strong>: enable this to force the height of all options images to the same size. This is particularly useful if you use different sizes and ratios for your options images. If enabled, you will be able to set the exact size in pixels in the option <strong>Image heights (px)<\/strong>.<\/p>\n\n\n\n<p><strong>Label position<\/strong>: choose here whether to show the label text <strong>inside <\/strong>or <strong>outside <\/strong>the borders.<\/p>\n\n\n\n<p><strong>Description position<\/strong>: choose here whether to show the description of a label\/image option <strong>inside <\/strong>or <strong>outside <\/strong>the borders.<\/p>\n\n\n\n<p><strong>Padding (px)<\/strong>: set the padding of all label options in pixels.<\/p>\n\n\n\n<p class=\"has-light-blue-background-color has-background\">If you want to override these settings for one or more add-ons, you can do that from the &#8220;<strong>Display &amp;<\/strong> <strong>Style<\/strong>&#8221; tab of <em>label\/image <\/em>options.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tooltip<\/h3>\n\n\n\n<p>Here you can set the tooltip options for all the add-ons across your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip.png\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1680\" height=\"650\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip.png\" alt=\"Tooltip\" class=\"wp-image-1751\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip.png 1680w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip-300x116.png 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip-1024x396.png 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip-768x297.png 768w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/tooltip-1536x594.png 1536w\" sizes=\"auto, (max-width: 1680px) 100vw, 1680px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Show tooltips<\/strong>: enable to show the tooltips of your product options. You will be able to set up a custom text from the options settings.<\/p>\n\n\n\n<p><strong>Tooltip color<\/strong>: choose here both the <strong>background <\/strong>and the <strong>text <\/strong>colors.<\/p>\n\n\n\n<p><strong>Tooltip position<\/strong>: choose the default position between <strong>top<\/strong> and <strong>bottom<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Upload file<\/strong><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1354\" height=\"546\" src=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file.jpg\" alt=\"Upload file\" class=\"wp-image-1752\" srcset=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file.jpg 1354w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file-300x121.jpg 300w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file-1024x413.jpg 1024w, https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/upload-file-768x310.jpg 768w\" sizes=\"auto, (max-width: 1354px) 100vw, 1354px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Text to show:<\/strong> enter the text to show in the file uploader.<\/p>\n\n\n\n<p><strong>Link to show<\/strong>: show the upload option as an &#8220;upload&#8221; button or a textual &#8220;browse&#8221;.<\/p>\n\n\n\n<p><strong>Colors<\/strong>: set the background and border colors of the upload box.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the Style tab, you will be able to configure all the style-related options that apply to all add-ons globally. Block style Let&#8217;s start with the options of the first section: Block style. Block titles: choose here the default heading for the title in the block of options. You can select any tag between H1 &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Style<\/span><\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,6],"tags":[],"class_list":["post-662","post","type-post","status-publish","format-standard","hentry","category-general-settings","category-premium-version-settings"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>YITH Product Add-Ons: Style<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"YITH Product Add-Ons: Style\" \/>\n<meta property=\"og:description\" content=\"In the Style tab, you will be able to configure all the style-related options that apply to all add-ons globally. Block style Let&#8217;s start with the options of the first section: Block style. Block titles: choose here the default heading for the title in the block of options. You can select any tag between H1 &hellip; Continue reading Style\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH WooCommerce Product Add-Ons\" \/>\n<meta property=\"article:published_time\" content=\"2021-05-25T21:10:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-12T08:47:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\" \/>\n<meta name=\"author\" content=\"ausilia\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"ausilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\",\"name\":\"YITH Product Add-Ons: Style\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\",\"datePublished\":\"2021-05-25T21:10:17+00:00\",\"dateModified\":\"2023-07-12T08:47:49+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/5689fc6012d168000704e80bf26087da\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Style\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/\",\"name\":\"YITH WooCommerce Product Add-Ons\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/5689fc6012d168000704e80bf26087da\",\"name\":\"ausilia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g\",\"caption\":\"ausilia\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/author\/ausilia\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"YITH Product Add-Ons: Style","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/","og_locale":"en_US","og_type":"article","og_title":"YITH Product Add-Ons: Style","og_description":"In the Style tab, you will be able to configure all the style-related options that apply to all add-ons globally. Block style Let&#8217;s start with the options of the first section: Block style. Block titles: choose here the default heading for the title in the block of options. You can select any tag between H1 &hellip; Continue reading Style","og_url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/","og_site_name":"YITH WooCommerce Product Add-Ons","article_published_time":"2021-05-25T21:10:17+00:00","article_modified_time":"2023-07-12T08:47:49+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg","type":"","width":"","height":""}],"author":"ausilia","twitter_card":"summary_large_image","twitter_misc":{"Written by":"ausilia","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/","name":"YITH Product Add-Ons: Style","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg","datePublished":"2021-05-25T21:10:17+00:00","dateModified":"2023-07-12T08:47:49+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/5689fc6012d168000704e80bf26087da"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-content\/uploads\/sites\/249\/2023\/04\/block-style.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/style\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/"},{"@type":"ListItem","position":2,"name":"Style"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#website","url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/","name":"YITH WooCommerce Product Add-Ons","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/5689fc6012d168000704e80bf26087da","name":"ausilia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b8d070e41e47a70dee7611c4d905ff05?s=96&d=mm&r=g","caption":"ausilia"},"url":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/author\/ausilia\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/posts\/662","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/comments?post=662"}],"version-history":[{"count":15,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/posts\/662\/revisions"}],"predecessor-version":[{"id":2003,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/posts\/662\/revisions\/2003"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/media?parent=662"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/categories?post=662"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-woocommerce-product-add-ons\/wp-json\/wp\/v2\/tags?post=662"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}