Overlapping text in comment box

Hi, sammichiel6, the line height value was originally .1em resulting in text that would overlap.

For the text overlapping, the following CSS will address that, and you can adjust the value as well i.e. change 1.25 to other values:

textarea#comment {
    line-height: 1.25em !important;
}

Are you able to please specify a post/page where you have at least one comment, so that way we can provide you the CSS to make the background not white?

Hi @sammichiel6

This is due to one CSS property that Elementor is adding (see this working screenshot):

.elementor-kit-232 input:not([type="button"]):not([type="submit"]), .elementor-kit-232 textarea, .elementor-kit-232 .elementor-field-textual {
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    line-height: 0.1em;
    color: #1E1E1E;
    background-color: #D1DBDB;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    border-style: double;
    border-color: #BDC5E0;
}

You have to remove this line:

line-height: 0.1em;

Or, you can add this CSS as personalized CSS:

.elementor-kit-232 input:not([type="button"]):not([type="submit"]), .elementor-kit-232 textarea, .elementor-kit-232 .elementor-field-textual {
    line-height: 22px;
}

I’m obviously clueless and not a tech savvy individual and need step by step instructions on how and where I need to change all of these codes or settings. I have no idea what your talking about or how i can go about doing any of this. My site has been down for days because my comment box text still overlaps and the comment box, once posted you don’t see the comments that people have left.

Hi @sammichiel6

I was writing a detailed explanation, but I see you have corrected the problem in your site.

If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.

Have a nice day

Okay sorry new at all of this.

I googled how to add the CSS that you sent me but I’m still having issues with my comment box.

Once people add their comments the text and background are the same colour. I tried googling it but nothing works. I can’t find anywhere how to change once a comment is sent, the text turns the same colour as the background.

Thanks

I’m just curious if it normally takes a few days to fix issues or is it because this one is so complicated that your still working on trying to find a solution because I’m also unable to find anything on line that has helped me to fix it.

I don’t understand why once my comments get posted the colour of the text turns the same colour as the background.

Could i please, if possible, get an estimated time frame of when we might get it resolved?

thanks Sam

Sorry I just don’t like the fact that my site looks unprofessional and that people can read comments when my blog is based on communication!

This is what it looks like

Hi, sammichiel6,

The following CSS should resolve the coloration blending issue:

div.comment-content {
    background: initial !important;
}

YOU ARE UNBELIEVABLE IAN YOU DESERVE A 5 STAR RATING!!!!!

I’ve been waiting days, YES DAYS, and just like that, you fixed it. I’m actually crying THANK YOU, THANK YOU!!!

I’m beyond appreciative THANK YOU I hope you all the best!!!!!!!

THANK YOU

Hi @sammichiel6

If your question has been answered, we would love if you would mark this topic as resolved in the sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.

Have a nice day