Text Color Issue: White Background Makes Text Invisible

Hello,

Can you please share the administrator login details of your site so I will check the issues and solve it on the site?

Your given login details are not the admin logins.

Best Regards.

Hello,

You have enabled the dark theme from theme settings > Styles and colors > Styles that is why the background is black.

For that Go to Theme Settings > Typography > basic > and change the fonts color.

Best Regards.

Hello,

1. Please use the below custom CSS code:

.product_meta span.sku_wrapper span {
    color: red;
}
.product_meta span.posted_in a {
    color: red;
}
.product_meta span.posted_in span {
    color: red;
}
.product_meta span.tagged_as span {
    color: red;
}
.product_meta span.tagged_as a {
    color: red;
}
.product_meta span.tagged_as a {
    color: red;
}

2. Solved. Please check the site after removing the browser cache.

Best Regards.

Hello,

1. Can you please clear me one thing, do you want to apply the dark theme or light theme to the site?

2. I have added the small custom CSS code in the Theme Settings.

Best Regards.

Hello,

1. So can you please explain or clear to me which part you want to change the color so I can give you the custom CSS code accordingly?

2. The below custom CSS code I have added in the theme settings:

select option {
    background-color: #fff;
}

Best Regards.

Hello,

1. Please use the below custom CSS code:

.wd-product-nav-btn {
    color: rgb(90,95,222);
}

div.quantity input[type="button"] {
    background: rgb(90,95,222);
}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select {
    border: var(--wd-form-brd-width) solid rgb(90,95,222);
    background-color: rgb(90,95,222);
}
.wd-action-btn>a:hover {
    color: rgb(90,95,222);
}
.wd-action-btn>a {
    color: rgb(90,95,222);
}
.wd-social-icons.icons-design-default.icons-size-small.color-scheme-light.social-share.social-form-circle.product-share.wd-layout-inline.text-left a {
    color: rgb(90,95,222) !important;
}

Best Regards.

Hello,

Please use the below custom CSS code:

.wd-social-icons.wd-layout-inline .wd-label {
    color: rgb(90,95,222);
}
.wd-product-nav-btn {
    color: rgb(90,95,222) !important;
}

Best Regards.

Hello,

Please use the below custom CSS code:

.wd-products-nav .wd-dropdown {
     display: none;
}

Best Regards.

Hello,

Solved. I have updated the custom CSS code in the theme settings. Please check the site now after removing the browser cache.

Best Regards.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.

Have a great day.
Topic Closed.

Best Regards.