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

Limited Support

Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.

 

Issue [Solved] Full width comment area border

5 Posts
2 Users
2 Reactions
783 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: 8075
 Asti
Support
(@asti)
Illustrious Member
Joined: 8 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: 8 years ago

Illustrious Member
Posts: 8075

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