Notifications
Clear all

Limited Support

Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.

We appreciate your patience and understanding while our team is away. Thank you for being part of the gVectors community!

Merry Christmas and Happy Holidays! 🎄

Trouble with icons on widget not being centered.

4 Posts
2 Users
0 Reactions
2,225 Views
(@mattcrux)
Member Customer
Joined: 9 years ago
Posts: 12
Topic starter  

Im not sure why but I keep trying everything to edit the css for the icons margins but nothing is working for me. How can I get these icons centered? Im not even sure how they uncentered in the first place. My website is  http://www.phoenixlove.net  and you can see the widget panel with the problem.

Take a look at this photo here... Thanks for any help! I really need this fixed, its getting annoying.



   
Quote
 Tom
(@tomson)
Famed Member Admin
Joined: 11 years ago
Posts: 4234
 

Please navigate in Dashboard to Comments > Settings > Styling admin page and put this CSS code in Custom CSS Code textarea, then delete cache and do Ctl+F5 (deep refresh) on post front-end to load new css:

#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li a{ text-align: center; }
#widget-comments-container.widget-comments-container .widgettitle{ margin-bottom: 15px; }


   
ReplyQuote
(@mattcrux)
Member Customer
Joined: 9 years ago
Posts: 12
Topic starter  
Posted by: Tom

 

Please navigate in Dashboard to Comments > Settings > Styling admin page and put this CSS code in Custom CSS Code textarea, then delete cache and do Ctl+F5 (deep refresh) on post front-end to load new css:

#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li a{ text-align: center; }
#widget-comments-container.widget-comments-container .widgettitle{ margin-bottom: 15px; }

   

Thank You Tom, that helped me. However I was hoping you could help me find the css for these following items as well? I've been working all morning trying to figure out how to change them...

Take a look at this image detailed image of what things I need to change.... 

Thanks for your help!

 



   
ReplyQuote
 Tom
(@tomson)
Famed Member Admin
Joined: 11 years ago
Posts: 4234
 

Here are CSS code for each component:

#widget-comments-container .wpdiscuz-widgets-content{border-left-color: #111; border-right-color: #222; border-bottom-color: #111}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item{border-left-color: #111;}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li > a{border-color: #222}
#widget-comments-container ul.wpdiscuz-widgets-tab-title-list li.tab-title-list-active-item{border-top-color: #333}
#widget-comments-container .like-count-first.wpdiscuz-widget-comment .wpdiscuz-widget-about-comment-right{background: none}
#widget-comments-container .wpdiscuz-widgets-content .delim{border-color: #555}


   
ReplyQuote
Share:
Scroll to top