{"id":21323,"date":"2025-07-26T06:17:47","date_gmt":"2025-07-26T06:17:47","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&#038;p=21323"},"modified":"2025-07-26T06:17:48","modified_gmt":"2025-07-26T06:17:48","password":"","slug":"come-aggiungere-css-personalizzato-in-wp-table-builder","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/how-to-add-custom-css-in-wp-table-builder\/","title":{"rendered":"Come aggiungere CSS personalizzato in WP Table Builder"},"content":{"rendered":"<p class=\"wp-block-paragraph\">WP Table Builder include un <strong>opzione CSS personalizzato integrata<\/strong> che consente di applicare stili personalizzati a <strong>tutte le tabelle<\/strong> sul tuo sito web, senza bisogno di toccare alcun file del tema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Segui i passaggi seguenti per aggiungere facilmente il tuo CSS personalizzato:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Vai alle Impostazioni di WP Table Builder<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vai alla tua bacheca di WordPress:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Passa sopra <strong>WP Table Builder<\/strong> nel menu laterale e clicca su <strong>Impostazioni<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"651\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-1024x651.png\" alt=\"\" class=\"wp-image-21324\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-1024x651.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-300x191.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-768x488.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-1536x977.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Settings-of-WP-Table-Builder-2048x1303.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2. Apri la scheda \u201cStili di tabella\u201d e inserisci il tuo CSS personalizzato<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una volta nel pannello delle Impostazioni, fai clic su <strong>Stili tabella<\/strong> scheda in alto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nel <strong>CSS personalizzato<\/strong> campo, puoi scrivere qualsiasi regola CSS che si applicher\u00e0 a <strong>tutte le tabelle di WP Table Builder<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ecco un esempio:<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\"><code>&lt;style><br>.wp-table-builder table {<br>  colore di sfondo: #f9f9f9;<br>}<br><br>.wp-table-builder td {<br>  padding: 15px;<br>}<br>&lt;\/style><br><\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">\ud83d\udcf8 Ecco come appare nell'interfaccia:<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-1024x468.png\" alt=\"\" class=\"wp-image-21325\" srcset=\"https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-1024x468.png 1024w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-300x137.png 300w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-768x351.png 768w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-1536x702.png 1536w, https:\/\/wptablebuilder.com\/wp-content\/uploads\/2025\/07\/Adding-the-Custom-CSS-2048x937.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">4. Salva le modifiche<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Dopo aver aggiunto il tuo CSS:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Clicca <strong>Salva<\/strong> pulsante in basso a destra per applicare le modifiche.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ecco fatto! I tuoi stili personalizzati saranno ora applicati a tutte le tabelle create con WP Table Builder.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-text-color has-ast-global-color-8-color has-alpha-channel-opacity has-ast-global-color-8-background-color has-background is-style-wide\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Se hai bisogno di aiuto per creare il CSS perfetto, non esitare a contattarci <a href=\"https:\/\/wptablebuilder.com\/it\/contatto\/\" target=\"_blank\" data-type=\"page\" data-id=\"15\" rel=\"noreferrer noopener\">il nostro team di supporto<\/a>. Buon divertimento con lo styling! \ud83c\udfa8<\/p>","protected":false},"excerpt":{"rendered":"<p>WP Table Builder comes with a built-in Custom CSS option that allows you to apply custom styles to all tables on your website\u2014without needing to touch any theme files. Follow the steps below to easily add your custom CSS: 1. Go to WP Table Builder Settings Go to your WordPress Dashboard: 2. Open the \u201cTable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":21326,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[7],"doc_tag":[],"class_list":["post-21323","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-configurations"],"year_month":"2026-08","word_count":191,"total_views":"10","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Istiak Rayhan","author_nicename":"wpx_roadtobl","author_url":"https:\/\/wptablebuilder.com\/it\/author\/wpx_roadtobl\/"},"doc_category_info":[{"term_name":"Configurations","term_url":"https:\/\/wptablebuilder.com\/it\/docs-category\/configurations\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/21323","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/comments?post=21323"}],"version-history":[{"count":0,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/docs\/21323\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media\/21326"}],"wp:attachment":[{"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/media?parent=21323"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_category?post=21323"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wptablebuilder.com\/it\/wp-json\/wp\/v2\/doc_tag?post=21323"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}