wpDiscuz - WordPress Comment Plugin
How to make WpDiscu...
 
Share:
Notifications
Clear all

[Solved] How to make WpDiscuz look nicer ( to take the full width of the container) with Elegant's Extra Theme?

5 Posts
3 Users
0 Likes
1,216 Views
taraknathgorai
Posts: 11
Topic starter
(@taraknathgorai)
Active Member
Joined: 3 years ago

Hello,

When I was using the earlier version, you helped me with a small code that helped the comment section stretch all along with the container so that it looked aligned with the post... with the awesome new upgrade the previous code don't seem to work.. can you please help?

Pls see the url below https://tarak.gorai.info/as-a-mature-student-oxford-collegiate-life/

I would like the comment box to take up the whole horizontal space to look aligned with the above post.. can you please help.

4 Replies
Tom
Posts: 486
 Tom
Support
(@tomson)
Honorable Member
Joined: 7 years ago

Hi @taraknathgorai,

Please use this CSS code. Then delete all kind of caches, then navigate to website front-end and press Ctrl+F5 twice to reset browser cache.

.comments-area {
   width: 100%!important;
}
taraknathgorai
Posts: 11
Topic starter
(@taraknathgorai)
Active Member
Joined: 3 years ago

thank you so much for the prompt ( and detailed) response... I followed the easy to follow steps.. but still, I guess it stretched only partly.. you can see the page once again.. on another post that has some comments.. for a large/wider browser, you will notice the difference in the width.. the post is taking a different/larger width, while the comments section a smaller width... ( I may be wrong, as the space on both the sides may be margins of WpDicuz to make it look good) ... Functionality wise it should not bother me much, just that ... it makes little design mismatch and makes it feel like out of the place plugin... thanking you in advance... 

https://tarak.gorai.info/as-a-mature-student-oxford-collegiate-life/

https://tarak.gorai.info/as-a-mature-student-oxford-collegiate-life/

1 Reply
Tom
 Tom
Support
(@tomson)
Joined: 7 years ago

Honorable Member
Posts: 486

@taraknathgorai,

The current width is good and nice. I don't think making it full width similar to the article is better.

In any case if you want to do that just use this CSS Code:

#wpdcom{ max-width: 100% !important; }

Then delete all kind of caches, then navigate to website front-end and press Ctrl+F5 twice to reset browser cache.

SeLoRe
Posts: 1
(@selore)
New Member
Joined: 2 weeks ago
div#wpdcom {
   width: 100% !important;
   max-width: 100%;
}
Share: