Docs

[tashitendrel]

Hi,

1/ I need to remove the background from comments areas. I have figured out this code below, but it removed background only from the areas designed to leave comments, but I need to the same for the comments that were posted:

#comment {
background-color: transparent;
}

2/ Also, I need to add a line across the page separating comments from description.

3/ And to remove background color from contact form

thank you

[Thai]

Hi There,

Please add the following CSS:

article.comment {
    background-color: transparent;
}

div#comments {
    border-top: 2px solid #e5e5e5;
    padding-top: 25px;
    margin-top: 25px;
}
.wpcf7-form-control {
    background-color: transparent !important;
}

Hope it helps 🙂

[tashitendrel]

Thank you! Those areas for commenter’s name, email, website also need to have transparent background… what should I add to the code?

[Thai]

Hi There,

Please update the previous CSS a bit:

#comments {
    border-top: 2px solid #e5e5e5;
    padding-top: 25px;
    margin-top: 25px;
}
.wpcf7-form-control,
.comment-form-author input, 
.comment-form-email input, 
.comment-form-url input,
.comment {
    background-color: transparent !important;
}

Hope it helps 🙂

[tashitendrel]

Thank you! 🙂

[Rupok]

You are welcome!

Feel free to let us know if you face any other issue. We’ll be happy to assist you.

Cheers!

[tashitendrel]

Hello, I have just noticed now some white lines comming up after replying to the comments. Can I also remove them somehow??
Screenshot attached.
thank you

[Thai]

Hi There,

Please provide us the URL of that post.

Thank you.

[tashitendrel]

This reply has been marked as private.

[Darshana]

Hi there,

You can add this under Custom > CSS in the Customizer.

.x-comments-list .children li.comment {
    border-left: medium none rgba(0, 0, 0, 0);
    box-shadow: none;
}

Hope that helps.

[tashitendrel]

Thank you, but there is still a little dasj left…

[Rahul]

Hey There,

Please add some more custom CSS :

.x-comments-list .children li.comment:before {
    box-shadow: 0 1px 0 0 #f1efeb;
}

Thanks

[tashitendrel]

thank you!

[Thai]

You’re most welcome 🙂

[Author]

Posts