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,929 Views
Posts: 12
Topic starter
(@taraknathgorai)
Eminent Member
Joined: 4 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: 494
 Tom
Support
(@tomson)
Honorable Member
Joined: 8 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;
}
Posts: 12
Topic starter
(@taraknathgorai)
Eminent Member
Joined: 4 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: 8 years ago

Honorable Member
Posts: 494

@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.

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