{"id":6679,"date":"2026-03-12T14:27:14","date_gmt":"2026-03-12T13:27:14","guid":{"rendered":"https:\/\/www.smartsearchwp.com\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/"},"modified":"2026-03-13T00:16:38","modified_gmt":"2026-03-12T23:16:38","password":"","slug":"can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css","status":"publish","type":"docs","link":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/","title":{"rendered":"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">This is an FAQ answer for the <a href=\"https:\/\/www.smartsearchwp.com\/en\/\">WordPress plugin chatGPT SmartSearchWP<\/a>.<\/p>\n\n<p class=\"wp-block-paragraph\">SmartSearchWP <strong>does not display results as &#8220;cards&#8221; or separate blocks of articles<\/strong>.<br \/>The chatbot generates <strong>conversational responses<\/strong> from indexed content on your site.<\/p>\n\n<p class=\"wp-block-paragraph\">Each reply appears in the chat window as a <strong>message bubble<\/strong>, with <strong>Markdown<\/strong> formatting (e.g. bold text, links, bulleted lists, etc.).<\/p>\n\n<p class=\"wp-block-paragraph\">If you want to customize the chatbot&#8217;s appearance, you can <strong>override the CSS variables<\/strong> used by the interface, for example :<\/p>\n\n<ul class=\"wp-block-list\">\n<li><code>--wdgpt-user-primary-color<\/code><\/li>\n\n\n\n<li><code>--wdgpt-font<\/code><\/li>\n\n\n\n<li>and other variables defined in the  <code>main.css<\/code><\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">To apply these customizations, you can <strong>upload your own CSS<\/strong>, for example via <strong>your site&#8217;s child theme<\/strong> or a custom styles file.<\/p>\n\n<p class=\"wp-block-paragraph\">To take things a step further, the <strong>Premium Customization<\/strong> add-on also lets you adjust certain visual parameters, such as :<\/p>\n\n<ul class=\"wp-block-list\">\n<li>the chatbot&#8217;s position on the page<\/li>\n\n\n\n<li>colors<\/li>\n\n\n\n<li>different style elements<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">Please note: <strong>the basic plugin doesn&#8217;t (yet) offer a &#8220;Custom CSS&#8221; field in its settings<\/strong>. Style modifications must therefore be made directly via your site&#8217;s CSS. <\/p>\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is an FAQ answer for the WordPress plugin chatGPT SmartSearchWP. SmartSearchWP does not display results as &#8220;cards&#8221; or separate blocks of articles.The chatbot generates conversational responses from indexed content on your site. Each reply appears in the chat window as a message bubble, with Markdown formatting (e.g. bold text, links, bulleted lists, etc.). If [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"doc_category":[78,86],"doc_tag":[],"class_list":["post-6679","docs","type-docs","status-publish","hentry","doc_category-features","doc_category-technical"],"acf":[],"year_month":"2026-06","word_count":163,"total_views":0,"reactions":{"happy":0,"normal":0,"sad":0},"author_info":{"name":"Webdigit","author_nicename":"webdigit","author_url":"https:\/\/www.smartsearchwp.com\/en\/author\/webdigit\/"},"doc_category_info":[{"term_name":"Features","term_url":"https:\/\/www.smartsearchwp.com\/en\/docs-category\/features\/"},{"term_name":"Technical","term_url":"https:\/\/www.smartsearchwp.com\/en\/docs-category\/technical\/"}],"doc_tag_info":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS? - SmartsearchWP<\/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:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS? - SmartsearchWP\" \/>\n<meta property=\"og:description\" content=\"This is an FAQ answer for the WordPress plugin chatGPT SmartSearchWP. SmartSearchWP does not display results as &#8220;cards&#8221; or separate blocks of articles.The chatbot generates conversational responses from indexed content on your site. Each reply appears in the chat window as a message bubble, with Markdown formatting (e.g. bold text, links, bulleted lists, etc.). If [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/\" \/>\n<meta property=\"og:site_name\" content=\"SmartsearchWP\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-12T23:16:38+00:00\" \/>\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=\"1 minute\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS? - SmartsearchWP","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:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/","og_locale":"en_US","og_type":"article","og_title":"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS? - SmartsearchWP","og_description":"This is an FAQ answer for the WordPress plugin chatGPT SmartSearchWP. SmartSearchWP does not display results as &#8220;cards&#8221; or separate blocks of articles.The chatbot generates conversational responses from indexed content on your site. Each reply appears in the chat window as a message bubble, with Markdown formatting (e.g. bold text, links, bulleted lists, etc.). If [&hellip;]","og_url":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/","og_site_name":"SmartsearchWP","article_modified_time":"2026-03-12T23:16:38+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/","url":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/","name":"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS? - SmartsearchWP","isPartOf":{"@id":"https:\/\/www.smartsearchwp.com\/en\/#website"},"datePublished":"2026-03-12T13:27:14+00:00","dateModified":"2026-03-12T23:16:38+00:00","breadcrumb":{"@id":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.smartsearchwp.com\/en\/docs\/can-you-show-what-an-item-looks-like-in-the-chatbot-window-is-it-possible-to-customize-the-appearance-of-cards-with-custom-css\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.smartsearchwp.com\/en\/"},{"@type":"ListItem","position":2,"name":"Docs","item":"https:\/\/www.smartsearchwp.com\/en\/docs\/"},{"@type":"ListItem","position":3,"name":"Can you show what an item looks like in the chatbot window? Is it possible to customize the appearance of cards with custom CSS?"}]},{"@type":"WebSite","@id":"https:\/\/www.smartsearchwp.com\/en\/#website","url":"https:\/\/www.smartsearchwp.com\/en\/","name":"SmartsearchWP","description":"","publisher":{"@id":"https:\/\/www.smartsearchwp.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.smartsearchwp.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.smartsearchwp.com\/en\/#organization","name":"SmartsearchWP","url":"https:\/\/www.smartsearchwp.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.smartsearchwp.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.smartsearchwp.com\/wp-content\/uploads\/2023\/11\/logo-smartSearchWp-white-1.png","contentUrl":"https:\/\/www.smartsearchwp.com\/wp-content\/uploads\/2023\/11\/logo-smartSearchWp-white-1.png","width":350,"height":100,"caption":"SmartsearchWP"},"image":{"@id":"https:\/\/www.smartsearchwp.com\/en\/#\/schema\/logo\/image\/"}}]}},"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/docs\/6679","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/comments?post=6679"}],"version-history":[{"count":2,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/docs\/6679\/revisions"}],"predecessor-version":[{"id":6711,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/docs\/6679\/revisions\/6711"}],"wp:attachment":[{"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/media?parent=6679"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/doc_category?post=6679"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.smartsearchwp.com\/en\/wp-json\/wp\/v2\/doc_tag?post=6679"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}