Woocommere Product Description has border

Did you try this:

.entry-content pre, .comment-body pre {
	border: none;
}

If that doesn’t do the trick, you can try:

.entry-content pre, .comment-body pre {
	border: none !important;
}

The former works for me.

Hi,

Thank you for responding!

It works on one page but then the other pages it still has borders and some tect is appearing in different colours.. Not sure why..

Works;
https:// grandcompetitions .co.uk/product/mercedes-c250-cdi-amg-2/

Doesnt work;
https:// grandcompetitions .co.uk/product/test/
https:// grandcompetitions .co.uk/product/apple-airpods-with-charging-case-2nd-generation/

You apparently have some inline CSS that’s causing the border problems on the test page:

#tab-description:nth-child(2) > p:nth-child(2) {
	border: 1px solid rgb(255, 255, 255);
}

and, likewise, the gold text is coming from some inline CSS:

body, select, input, text area {
	color: #ffd700;
}

On the Airpods page, the border comes from the same inline CSS:

#tab-description:nth-child(2) > p:nth-child(2) {
	border: 1px solid rgb(255, 255, 255);
}

In both cases, I can see those lines of CSS if I look at the source code of each page. Is it possible you added some CSS to Appearance -> Customize -> Additional CSS, and have those entered there? If so, you can delete it and fix the problem.

Yes they do remove the problem, but then other stuff on the website changes which is why the coding is in place.. bit of a catch 22

Ill just use relevant coding in html for the text, I guess ill have to use that as a work around.

Thank you for your help

You might try adding classes to the relevant elements you want to change with corresponding CSS rather than using things like:

#tab-description:nth-child(2) > p:nth-child(2)

which is going to affect child elements with consequences that you don’t intend. It will be a hassle now, but save you problems like this down the line.

Good luck!