Meta tags:
description= Customize your Document360 knowledge base with custom CSS for precise control over typography, colors, and layout, enhancing your site s visual appeal.;
Headings (most frequently used words):
to, css, how, custom, hide, the, icon, when, use, copy, link, documentation, index, before, you, begin, add, snippets, next, headings, best, practices, faq, document360, top, features, support, contact, us,
Text of the page (most frequently used words):
the (78), css (47), site (33), #custom (31), knowledge (23), base (23), your (19), and (18), you (18), for (18), code (14), customization (13), document360 (12), snippets (11), article (11), changes (11), copy (11), this (9), not (9), link (9), icon (9), when (8), can (8), before (8), settings (8), click (8), integrations (7), use (7), apply (7), editor (7), portal (6), javascript (6), are (6), all (6), need (6), with (6), 2026 (6), specific (6), team (5), support (5), documentation (5), page (5), other (5), html (5), how (5), font (5), next (5), appearance (5), project (5), each (5), save (5), styles (5), snippet (5), ctrl (5), navigate (5), hide (5), extensions (4), layout (4), pages (4), preview (4), from (4), manage (4), multiple (4), does (4), will (4), see (4), text (4), file (4), that (4), add (4), selectors (4), built (4), readers (4), headings (4), press (4), into (4), left (4), navigation (4), heading (4), export (4), about (3), analytics (3), api (3), top (3), features (3), articles (3), applied (3), shareable (3), consistent (3), view (3), access (3), directly (3), appear (3), workspaces (3), single (3), level (3), applies (3), across (3), elements (3), files (3), one (3), mode (3), example (3), images (3), pre (3), change (3), select (3), tab (3), below (3), spacing (3), markdown (3), table (3), alignment (3), colors (3), set (3), visual (3), control (3), ask (3), open (3), policy (2), center (2), our (2), com (2), contact (2), feedback (2), drive (2), workflow (2), private (2), hosting (2), security (2), request (2), section (2), previous (2), yes (2), customizations (2), content (2), shared (2), publish (2), brands (2), separate (2), brand (2), configured (2), customise (2), styling (2), workspace (2), lets (2), user (2), most (2), always (2), members (2), updated (2), correct (2), light (2), may (2), have (2), issues (2), dark (2), both (2), saving (2), test (2), what (2), avoid (2), body (2), starting (2), note (2), display (2), pane (2), bar (2), layouts (2), extra (2), own (2), using (2), published (2), appears (2), over (2), inserted (2), size (2), right (2), insert (2), they (2), common (2), tasks (2), globally (2), entire (2), live (2), exported (2), such (2), zip (2), json (2), image (2), callout (2), typography (2), customize (2), claude (2), chatgpt (2), llms (2), search (2), glossary (2), october (2), docs (2), review (2), index (2), soc2, cookie, privacy, trust, terms, careers, culture, 3000, rating, status, seo, ticket, deflector, platform, assistant, enterprise, readiness, migration, demo, resources, pricing, customers, tags, designer, home, widgets, tips, tricks, configure, related, rss, feed, was, helpful, expected, behavior, these, intentionally, disabled, previews, ensure, performance, externally, final, sandbox, environment, why, doesn, either, creating, within, purchasing, additional, projects, universally, still, landing, individually, reference, tailor, style, faq, coordinate, editing, configuration, lock, another, working, recent, replaces, two, same, time, close, succession, person, work, overwrite, warning, investigate, unexpected, auditing, under, filter, events, who, made, making, significant, current, maintain, version, history, keep, backup, look, contrast, visibility, comments, explain, block, especially, centers, added, june, comment, broad, like, unless, intentional, reduce, risk, unintentionally, overriding, even, heavily, ensures, structure, point, best, practices, hiding, removes, ability, teams, direct, links, consider, trade, off, applying, longer, btn, none, important, paste, following, some, particularly, those, long, wrapped, show, space, where, sits, its, line, affects, entirely, every, hover, prefer, certain, detailed, walkthroughs, modify, needed, replace, name, color, value, panel, desired, written, blocks, cover, designed, modified, requirements, now, visit, enter, area, malformed, conflicting, break, carefully, validate, lint, errors, flagged, automatically, affect, must, account, admin, begin, only, carried, offline, webhelp, styled, output, outside, reapply, relevant, manually, details, hero, background, provides, writing, scratch, align, shadows, dimensions, illustrations, treatments, adjust, margins, padding, differently, than, intended, fix, family, weight, match, product, design, guidelines, exposed, borders, back, button, override, default, options, give, beyond, offer, write, rules, tool, precise, any, element, cannot, through, standard, prev, summary, plain, print, listen, focus, minute, read, jun, nov, powered, community, feature, self, service, troubleshooting, help, november, release, notes, integrate, manager, domain, import, reminder, collaboration, interactive, decision, trees, fields, management, templates, variables, advanced, sign, role, based, languages, key, creators, eddy, track, roles, permissions, invite, users, create, quick, start, discover, available, exploring, further, fetch, complete, https, txt,
Text of the page (random words):
custom css documentation index fetch the complete documentation index at https docs document360 com llms txt use this file to discover all available pages before exploring further quick start create an article review article publish article customize site invite users set up roles permissions track analytics eddy ai features for creators for readers for integrations key features multiple workspaces languages role based access control single sign on private hosting advanced editor templates variables snippets glossary drive file management custom fields interactive decision trees collaboration tasks custom workflow review reminder import export project site customization custom domain integrations extensions analytics feedback manager api documentation integrate with document360 manage your api docs release notes november 2026 12 11 1 october 2026 12 10 2 october 2026 12 10 1 help troubleshooting self service support ask for a feature community glossary search ctrl k press ctrl k to open search powered by custom css updated on nov 13 2026 published on jun 20 2026 5 minute s read focus listen print copy page copy as markdown for llms view as markdown view the page as plain text open in chatgpt ask chatgpt about this page open in claude ask claude about this page article summary prev next custom css in document360 lets you apply your own css code to change the visual appearance of your knowledge base site beyond what the built in site customization settings offer you write css rules directly in the portal and they are applied globally across your entire knowledge base site this is the right tool when you need precise control over typography colors spacing table styles image alignment or any other visual element that cannot be configured through the standard settings when to use custom css use custom css when the built in styling options in site customization do not give you the level of control you need override default styles change the appearance of elements that are not exposed in the customize site settings such as callout colors table borders or the back to top button apply brand consistent typography set a specific font family size or weight across all articles to match your product s design guidelines fix layout or spacing issues adjust margins padding or alignment for specific elements that appear differently than intended apply visual treatments to images center align images in articles add shadows or set consistent dimensions for article illustrations note for common customizations body font heading font table styles image alignment callout colors and hero section background document360 provides pre built css snippets you can insert with one click see css snippets before writing custom css from scratch custom css applies only to your live knowledge base site it is not carried into exported project content such as the zip json markdown html export or the offline webhelp html export if you need styled output outside the live site you will need to reapply the relevant css manually in the exported files see export project as a zip file json for details before you begin you must have a user account with admin level access to the knowledge base portal custom css applies globally to the entire knowledge base site changes affect all pages and all readers document360 does not validate or lint your css code so errors will not be flagged automatically malformed or conflicting css can break the site s layout test your changes carefully before saving how to add custom css navigate to settings knowledge base site in the left navigation bar of the knowledge base portal in the left navigation pane navigate to site customization click custom css javascript select the css tab the css code editor appears enter your css code in the text area press ctrl s or click save to apply your changes the css is now applied to your knowledge base site visit the site to preview the changes how to use css snippets css snippets are pre written blocks of code you can insert directly into the css editor they cover the most common customization tasks and are designed to be modified for your specific requirements navigate to settings knowledge base site site customization custom css javascript select the css tab click add code snippets in the top right of the code editor in the snippets panel click the desired snippet the code is inserted into the css editor 5 modify the inserted code as needed for example replace the font name color code or size value 6 press ctrl s or click save for detailed walkthroughs of each snippet see css snippets how to hide the copy link icon next to headings on the published knowledge base site a copy link icon appears next to every h2 h3 and h4 heading when readers hover over it if you prefer not to display this icon for example to avoid extra spacing below headings in certain layouts you can hide it using custom css when to hide the copy link icon some knowledge base layouts particularly those with long or wrapped heading text may show extra space below a heading where the copy link icon sits on its own line if this affects your site s appearance you can hide the icon entirely using the css snippet below how to hide the icon navigate to settings knowledge base site in the left navigation bar of the knowledge base portal in the left navigation pane navigate to site customization click custom css javascript select the css tab paste the following snippet into the css editor copy link btn display none important press ctrl s or click save to apply your changes the copy link icon will no longer appear next to headings on your knowledge base site note hiding the copy link icon removes the ability for readers and support teams to copy direct links to specific headings from the knowledge base site consider this trade off before applying the change best practices use the pre built snippets as a starting point even if you need to customise heavily starting from a snippet ensures the correct selectors and structure for document360 s html use specific selectors avoid broad selectors like body or unless intentional specific selectors reduce the risk of unintentionally overriding other styles comment your code add comments to explain what each block does especially if multiple team members manage the css example centers all article images added june 2026 test in both light and dark mode styles that look correct in light mode may have contrast or visibility issues in dark mode always preview both before saving keep a backup before making significant changes copy the current css to a text file document360 does not maintain a version history of custom css changes coordinate with your team before editing custom css is a single shared configuration document360 does not lock the editor when another user is working and the most recent save always replaces the previous one if two team members save changes at the same time or in close succession one person s work will overwrite the other s with no warning to investigate unexpected changes go to team auditing under settings knowledge base portal and filter the knowledge base site settings events by custom css updated to see who made changes and when faq can i apply custom css files in document360 yes document360 lets you reference and apply custom css files to tailor the appearance and style of your documentation if i manage multiple brands do i need a separate workspace for each you can manage multiple brands either by creating separate workspaces within a single project or by purchasing additional projects for each brand css configured at the project level applies universally across all workspaces you can still customise the styling of landing pages and other elements for each workspace individually why doesn t custom css appear in the shareable preview link custom css javascript and html integrations are not applied in the shareable preview link this is expected behavior these customizations are intentionally disabled in shareable previews to ensure consistent performance and security when content is shared externally to view the final appearance of your css changes publish the article and access it directly from the knowledge base site or use a sandbox environment was this article helpful yes no previous article rss feed next article custom javascript related articles custom javascript site customization custom code how to configure a custom font in the knowledge base site customization article layout customization tips tricks css snippets site customization custom code css snippets custom html integrations extensions widgets other integrations extensions integrations custom code section site customization site layout designer site pages home page tags site customization knowledge base custom css document360 customers pricing resources request a demo migration request security private hosting enterprise readiness top features knowledge base portal knowledge base site knowledge base assistant integrations and extensions platform api analytics workflow ticket deflector drive seo support documentation support status feedback contact us contact us support document360 com rating 4 7 3000 about us our team our culture careers terms trust center privacy policy cookie policy soc2
|
