I am currently designing a webshop with green as the primary color scheme. Everything is functioning perfectly, but I have noticed that the text within an ajax loaded div appears brighter than it should be. The text that loads traditionally is noticeably darker, even though both texts use the exact same color code.
Unfortunately, I am unable to replicate the issue here without sharing the entire CSS and HTML files. However, here is a snippet of the text when the page loads normally:
<div class="primary-product-text vis-product-name">Knee push-in connector, black plastic, M6</div>
And here is a snippet from the dynamically loaded content:
<span class="primary-product-text">Knee push-in connector, black plastic, M6</span>
CSS:
.primary-product-text {
color: #01a85e;
}
.vis-product-name {
display: block;
height: 38px;
}
Link: The displayed products on this link feature a green color. If you click on the cart icon next to a product or search for "knee," you will notice that the same color code results in a brighter shade of green.