The effects of alcohol on sustanon 250 leucine for – real weight loss & bodybuilding benefits?
Full width comment ...
 
Share:
Notifications
Clear all

Issue [Solved] Full width comment area border

5 Posts
2 Users
2 Reactions
535 Views
Posts: 8
Topic starter
(@kajo98)
Active Member
Joined: 2 years ago

Hello. I would like to set the comment area border to the entire width of the website, but I don't know how. Everything worked fine for me last website, but not now. I also tried some css codes but none helped me. Can you help me please?

Topic Tags
4 Replies
Asti
Posts: 7661
 Asti
Support
(@asti)
Illustrious Member
Joined: 7 years ago

Hi @kajo98,

Please watch this small video instruction: https://www.screencast.com/t/rAShqqRT

The CSS codes you should use: 

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

Put the code in the "Custom CSS code" textarea, located in the Dashboard > wpDiscuz > Settings > Styles & Colors admin page.

The red-marked value can be changed as you like.  

Don't forget to delete the caches before checking.

Posts: 8
Topic starter
(@kajo98)
Active Member
Joined: 2 years ago

Thank you so much, it helped!!

I can ask you one more time if it's not a problem. How can I save the change in my code from image 1 or create a CSS code from code similar to yours (images 2) because my code doesn't work

my css:

#comments {
margin-top: 2px;
padding-top: 30px;
border-top: 1px solid #f1f1f1;
}

And my second question. I can't find this section in my code (images 3), can you show me how to find it and change the color from white (#ffffff) to gray (#4c4c4c)

#comments
image
2

 Have a nice day:) 

1 Reply
Asti
 Asti
Support
(@asti)
Joined: 7 years ago

Illustrious Member
Posts: 7661

@kajo98,

How can I save the change in my code from image 1 or create a CSS code from code similar to yours (images 2) because my code doesn't work

Your code also should work fine. Try to add the !important statement:

#comments {
     margin-top: 2px !important;
}

Watch this video: https://www.screencast.com/t/Fn4OPPAg

And my second question. I can't find this section in my code (images 3), can you show me how to find it and change the color from white (#ffffff) to gray (#4c4c4c)

Sure, I'll attach a video instruction below: https://www.screencast.com/t/T7r6xqBYC3

It's just a summary of margins and you should remove it using the CSS code below:

div#wpdcom, #comments {
     margin-bottom: 0 !important;
} 
Posts: 8
Topic starter
(@kajo98)
Active Member
Joined: 2 years ago

Thank you very much. You have been so kind. Thanks 

Share: