AI Search

Classic Search

Search Phrase:

Search Type:

Advanced search options

Search in Forums:

Search in date period:

Sort Search Results by:

AI Assistant

Notifications

Clear all

Trouble with icons on widget not being centered.

✦ Summarize Topic

How-To and Troubleshooting

Last Post by Tom 9 years ago

4 Posts

2 Users

0 Reactions

2,342 Views

RSS

Matthew

(@mattcrux)

Member Customer

Joined: 9 years ago

Posts: 12

Topic starter

Translate ▼

10/04/2017 9:23 pm [#1257]

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: 4245

Translate ▼

10/04/2017 9:54 pm

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

Matthew

(@mattcrux)

Member Customer

Joined: 9 years ago

Posts: 12

Topic starter

Translate ▼

10/04/2017 10:32 pm

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: 4245

Translate ▼

12/04/2017 7:14 am

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