{"id":1173,"date":"2026-10-14T11:13:18","date_gmt":"2026-10-14T11:13:18","guid":{"rendered":"https:\/\/documentlibrary.pro\/docs\/custom-css\/"},"modified":"2026-10-14T11:22:19","modified_gmt":"2026-10-14T11:22:19","slug":"custom-css","status":"publish","type":"doc","link":"https:\/\/documentlibrary.pro\/it\/docs\/custom-css\/","title":{"rendered":"CSS personalizzato"},"content":{"rendered":"

Puoi dare uno stile alle parti della tua libreria che la scheda Design libreria non copre, come lo sfondo dietro la libreria o la spaziatura dentro una card.<\/p>\n

Dove trovarlo<\/h2>\n

Apri Impostazioni<\/strong>, vai alla scheda Advanced<\/strong> e incolla il tuo CSS nel campo CSS personalizzato<\/strong> dedicato. Vale per la tua libreria in qualsiasi punto appaia: l'embed sul tuo sito e la pagina della tua libreria su documentlibrary.app.<\/p>\n

Perch\u00e9 il CSS del tuo sito non pu\u00f2 farlo<\/h2>\n

La tua libreria si carica dentro un iframe. Il browser tiene separate le due pagine, quindi il CSS del tuo sito si ferma al bordo della libreria e non entra mai al suo interno. Il campo CSS personalizzato si carica invece dentro la libreria.<\/p>\n

Lo stesso confine vale al contrario. Il CSS personalizzato d\u00e0 uno stile alla tua libreria e a nient'altro nella tua pagina. Spaziatura, larghezza o sfondo attorno alla libreria appartengono al tuo sito.<\/p>\n

Cosa puoi personalizzare<\/h2>\n

Questi sono i selettori supportati.<\/p>\n

    \n
  • Lo sfondo della libreria<\/strong> \u2013 body.dlp-embed<\/code> per l'embed, body.dlp-standalone<\/code> per la pagina della tua libreria. Ometti il selettore per applicarlo a entrambe.<\/li>\n
  • Una card della griglia<\/strong> \u2013 .dlp-grid-card-inner<\/code><\/li>\n
  • Il titolo di una card della griglia<\/strong> \u2013 .dlp-grid-card-title<\/code><\/li>\n
  • La tabella<\/strong> \u2013 .data-table<\/code> per la tabella stessa, .table-cell<\/code> per una cella<\/li>\n
  • Una singola colonna della tabella<\/strong> \u2013 .col-title<\/code>. Le altre colonne sono .col-excerpt<\/code>, .col-file_type<\/code>, .col-file_size<\/code>, .col-date_modified<\/code>, .col-doc_categories<\/code>, .col-link<\/code> e .col-button<\/code><\/li>\n
  • I pulsanti Download e Anteprima<\/strong> \u2013 .dlp-download-button<\/code> e .dlp-preview-button<\/code><\/li>\n
  • Il campo di ricerca<\/strong> \u2013 .search-input<\/code><\/li>\n
  • Un menu a tendina di filtro<\/strong> \u2013 .select-display-trigger<\/code><\/li>\n
  • La riga sotto la libreria con i numeri di pagina<\/strong> \u2013 .footer-controls<\/code>, e .pagination-btn<\/code> per un numero di pagina<\/li>\n<\/ul>\n

    Esempi<\/h2>\n

    Far trasparire un'immagine di sfondo attraverso le card:<\/p>\n

    body.dlp-embed .dlp-grid-card-inner {\n    background-color: rgba(255, 255, 255, 0.8);\n}<\/pre>\n
    Nascondere una colonna nell'embed e lasciare intatta la pagina della tua libreria:<\/p>\n
    body.dlp-embed .col-excerpt {\n    display: none;\n}<\/pre>\n
    Rendere pi\u00f9 grandi i titoli dei documenti in ogni punto:<\/p>\n
    .col-title {\n    font-size: 17px;\n}<\/pre>\n
    Cose da sapere<\/h2>\n
      \n
    • Il tuo CSS si carica dopo il nostro, quindi le regole semplici vincono e raramente ti serve !important<\/code>. Alcuni stili delle celle si caricano per ultimi, quindi aggiungi !important<\/code> se una regola non viene applicata.<\/li>\n
    • Guarda prima nella scheda Design libreria. Modelli, colori, pulsanti e quali colonne compaiono sono tutte impostazioni che stanno l\u00ec. Le impostazioni non vengono toccate quando aggiorniamo la libreria.<\/li>\n
    • Supportiamo i selettori elencati sopra. Tutto il resto nel markup lo mantieni tu.<\/li>\n
    • Il campo accetta solo CSS. Rimuove tutto ci\u00f2 che non \u00e8 uno stile, quindi non puoi aggiungere script o HTML.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"
      You can style parts of your library that the Library design tab doesn\u2019t cover, such as the background behind the library or the spacing inside a card. Where to find it Open Settings, go to the Advanced tab, and paste your CSS into the Custom CSS box. It applies to your library wherever it appears: […]<\/p>\n","protected":false},"menu_order":165,"template":"","meta":{"footnotes":""},"doc_category":[4],"class_list":["post-1173","doc","type-doc","status-publish","hentry","doc_category-building-your-library"],"yoast_head":"\nCustom CSS<\/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:\/\/documentlibrary.pro\/it\/docs\/custom-css\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Custom CSS\" \/>\n<meta property=\"og:description\" content=\"You can style parts of your library that the Library design tab doesn\u2019t cover, such as the background behind the library or the spacing inside a card. Where to find it Open Settings, go to the Advanced tab, and paste your CSS into the Custom CSS box. It applies to your library wherever it appears: […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/documentlibrary.pro\/it\/docs\/custom-css\/\" \/>\n<meta property=\"og:site_name\" content=\"Document Library Pro\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-14T11:22:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/08\/dlp-og-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"630\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/custom-css\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/custom-css\\\/\",\"name\":\"Custom CSS\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\"},\"datePublished\":\"2026-10-14T11:13:18+00:00\",\"dateModified\":\"2026-10-14T11:22:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/custom-css\\\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/custom-css\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/custom-css\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Docs\",\"item\":\"https:\\\/\\\/documentlibrary.pro\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Custom CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#website\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"name\":\"Document Library Pro\",\"description\":\"Searchable document libraries for any website\",\"publisher\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/documentlibrary.pro\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#organization\",\"name\":\"Document Library Pro\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"contentUrl\":\"https:\\\/\\\/documentlibrary.pro\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/favicon-512.png\",\"width\":512,\"height\":512,\"caption\":\"Document Library Pro\"},\"image\":{\"@id\":\"https:\\\/\\\/documentlibrary.pro\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"description\":\"Document Library Pro is hosted document library software that lets you publish searchable, filterable libraries of PDFs, documents and resources on any website or platform.\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"CSS personalizzato","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:\/\/documentlibrary.pro\/it\/docs\/custom-css\/","og_locale":"it_IT","og_type":"article","og_title":"Custom CSS","og_description":"You can style parts of your library that the Library design tab doesn\u2019t cover, such as the background behind the library or the spacing inside a card. Where to find it Open Settings, go to the Advanced tab, and paste your CSS into the Custom CSS box. It applies to your library wherever it appears: […]","og_url":"https:\/\/documentlibrary.pro\/it\/docs\/custom-css\/","og_site_name":"Document Library Pro","article_modified_time":"2026-10-14T11:22:19+00:00","og_image":[{"width":1200,"height":630,"url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/08\/dlp-og-image.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/documentlibrary.pro\/docs\/custom-css\/","url":"https:\/\/documentlibrary.pro\/docs\/custom-css\/","name":"CSS personalizzato","isPartOf":{"@id":"https:\/\/documentlibrary.pro\/#website"},"datePublished":"2026-10-14T11:13:18+00:00","dateModified":"2026-10-14T11:22:19+00:00","breadcrumb":{"@id":"https:\/\/documentlibrary.pro\/docs\/custom-css\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/documentlibrary.pro\/docs\/custom-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/documentlibrary.pro\/docs\/custom-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/documentlibrary.pro\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/documentlibrary.pro\/docs\/"},{"@type":"ListItem","position":3,"name":"Custom CSS"}]},{"@type":"WebSite","@id":"https:\/\/documentlibrary.pro\/#website","url":"https:\/\/documentlibrary.pro\/","name":"Document Library Pro","description":"Librerie di documenti ricercabili per qualsiasi sito web","publisher":{"@id":"https:\/\/documentlibrary.pro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/documentlibrary.pro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/documentlibrary.pro\/#organization","name":"Document Library Pro","url":"https:\/\/documentlibrary.pro\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/","url":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","contentUrl":"https:\/\/documentlibrary.pro\/wp-content\/uploads\/2026\/06\/favicon-512.png","width":512,"height":512,"caption":"Document Library Pro"},"image":{"@id":"https:\/\/documentlibrary.pro\/#\/schema\/logo\/image\/"},"description":"Document Library Pro e un software per librerie di documenti ospitate che consente di pubblicare librerie ricercabili e filtrabili di PDF, documenti e risorse su qualsiasi sito web o piattaforma."}]}},"_links":{"self":[{"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/doc\/1173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/types\/doc"}],"version-history":[{"count":1,"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/doc\/1173\/revisions"}],"predecessor-version":[{"id":1174,"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/doc\/1173\/revisions\/1174"}],"wp:attachment":[{"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/media?parent=1173"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/documentlibrary.pro\/it\/wp-json\/wp\/v2\/doc_category?post=1173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}