<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									How to customize the wpDiscuz WordPress plugin styles - Frequently Asked Questions				            </title>
            <link>https://wpdiscuz.com/community/f-a-q/how-to-customize-the-wpdiscuz-wordpress-plugin-styles/</link>
            <description>wpDiscuz WordPress Comment Plugin Community. Support and Resources.</description>
            <language>en-US</language>
            <lastBuildDate>Sun, 13 Sep 2026 02:14:41 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>How to customize the wpDiscuz WordPress plugin styles</title>
                        <link>https://wpdiscuz.com/community/f-a-q/how-to-customize-the-wpdiscuz-wordpress-plugin-styles/#post-20534</link>
                        <pubDate>Fri, 21 Apr 2023 12:01:38 +0000</pubDate>
                        <description><![CDATA[wpDiscuz comment system comes with three nice layouts. You can choose your proffered layout in Dashboard &gt; wpDiscuz &gt; Forms &gt; Edit Comment Forms screen. More info here:
wpDiscuz als...]]></description>
                        <content:encoded><![CDATA[<p>wpDiscuz comment system comes with three nice layouts. <span>You can choose your proffered layout in </span><span>Dashboard &gt; wpDiscuz &gt; Forms &gt; Edit Comment Forms</span><span> screen. More info here: https://wpdiscuz.com/docs/wpdiscuz-7/customization/comment-layouts/</span></p>
<p>wpDiscuz also allows you to customize all three layouts and three styles by customizing comment template files and the main style.css file. Here you can find more info: https://wpdiscuz.com/docs/wpdiscuz-7/customization/custom-template-and-style/</p>
<p>Additionally, you may need to apply small CSS codes and don't want to use the customization method mentioned above. Let's see how you can make small style changes. </p>
<p>First of all, you should find classes by pressing F12 on the browser and opening Chrome or Firefox Console (it'll help you easily write CSS rules you need to customize).</p>
<p><a class="everlightbox-trigger" title="" href="https://gvectors.com/wp-content/uploads/wpforo/attachments/6750/3221-CSS.png" rel="nofollow nofollow" data-gallery="#wpf-content-blueimp-gallery" data-rel="lightbox-image-1" data-magnific_type="image" data-rl_title="" data-rl_caption=""><img title="CSS" src="https://gvectors.com/wp-content/uploads/wpforo/attachments/6750/thumbnail/3221-CSS.png" alt="CSS" /></a></p>
<p>Then, you'll need to apply the CSS rules. </p>
<p>Let's discuss an example. If you want to change the color of the thread list title. The right class is: </p>
<pre contenteditable="false">#wpdcom .wpd-thread-head .wpd-thread-info</pre>
<p>The CSS rule is: </p>
<pre contenteditable="false">{color: ***#303066***;} </pre>
<p>The <span style="color: #ff0000">red-marked</span> value is the color you want to use. </p>
<p>Finally, the code looks:</p>
<pre contenteditable="false">#wpdcom .wpd-thread-head .wpd-thread-info{
     color: ***#303066***;
}</pre>
<p>This is a small video instruction: https://www.screencast.com/t/XPJPyqcqsH6</p>
<p>Put the code in the "<strong>Custom CSS code</strong>" textarea, located in the <em>Dashboard &gt; wpDiscuz &gt; Settings &gt; Styles &amp; Colors</em> admin page. <br /><br /><strong><span style="color: #ff6600"><em>Don't forget to delete the caches once you make changes.</em></span></strong></p>
<p>This website should help you to write CSS rules: https://www.w3schools.com/cssref/default.asp</p>]]></content:encoded>
						                            <category domain="https://wpdiscuz.com/community/f-a-q/">Frequently Asked Questions</category>                        <dc:creator>Asti</dc:creator>
                        <guid isPermaLink="true">https://wpdiscuz.com/community/f-a-q/how-to-customize-the-wpdiscuz-wordpress-plugin-styles/#post-20534</guid>
                    </item>
							        </channel>
        </rss>
		