Text Color

Solved

Text Color

PabloPier
Excursionist
45 0 14

Hello, I have several problems where my text color is the same as my background. Can you please help me change the text color in black of the following menus:

PabloPier_0-1728831326552.png

Here the circle on the top has an X but its white.

PabloPier_1-1728831382058.png

Here the search bar is also white.

PabloPier_2-1728831418275.png

The Cart also.

PabloPier_3-1728831474312.png

And the country menu.

Accepted Solution (1)
KetanKumar
Shopify Partner
37135 3648 12061

This is an accepted solution.

@PabloPier thanks for url can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

:is(.drawer,.popover)::part(outside-close-button), .search-input>input, .search-input>input:not(:placeholder-shown)~[type=reset],
.search-input svg.icon.icon-close, .predictive-search__tab-item [aria-selected], .predictive-search__tab-content span.reversed-link, .cart-drawer.drawer  p.h5, .cart-drawer.drawer span.reversed-link.hover\:show, .cart-drawer.drawer svg.icon.icon-close,
.cart-drawer.drawer span.h5 .money, .cart-drawer.drawer span.h5, .cart-drawer.drawer p.text-subdued.text-sm, .cart-drawer.drawer span.link.text-sm.text-subdued, select#select-template--23318768320835__main--addresscountry
{
    color: #000;
}
.cart-drawer.drawer cart-count.count-bubble.count-bubble--md {
    background: #000;
    color: #fff;
}

.cart-drawer.drawer sale-price.text-subdued {
    color: #808080;
}

.cart-drawer.drawer a.link {
    color: #808080;
}

.cart-drawer.drawer 
 input.quantity-input {
    color: #000;
    border-color: #808080;
}

.cart-drawer.drawer button.button.button--xl {outline: 1px solid;}
.predictive-search__tab-content compare-at-price.text-subdued.line-through {
    color: #808080;
}

:is(.drawer,.popover)::part(outside-close-button) {
    color: #000;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 3 (3)

KetanKumar
Shopify Partner
37135 3648 12061

@PabloPier 

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
PabloPier
Excursionist
45 0 14
KetanKumar
Shopify Partner
37135 3648 12061

This is an accepted solution.

@PabloPier thanks for url can you try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.

:is(.drawer,.popover)::part(outside-close-button), .search-input>input, .search-input>input:not(:placeholder-shown)~[type=reset],
.search-input svg.icon.icon-close, .predictive-search__tab-item [aria-selected], .predictive-search__tab-content span.reversed-link, .cart-drawer.drawer  p.h5, .cart-drawer.drawer span.reversed-link.hover\:show, .cart-drawer.drawer svg.icon.icon-close,
.cart-drawer.drawer span.h5 .money, .cart-drawer.drawer span.h5, .cart-drawer.drawer p.text-subdued.text-sm, .cart-drawer.drawer span.link.text-sm.text-subdued, select#select-template--23318768320835__main--addresscountry
{
    color: #000;
}
.cart-drawer.drawer cart-count.count-bubble.count-bubble--md {
    background: #000;
    color: #fff;
}

.cart-drawer.drawer sale-price.text-subdued {
    color: #808080;
}

.cart-drawer.drawer a.link {
    color: #808080;
}

.cart-drawer.drawer 
 input.quantity-input {
    color: #000;
    border-color: #808080;
}

.cart-drawer.drawer button.button.button--xl {outline: 1px solid;}
.predictive-search__tab-content compare-at-price.text-subdued.line-through {
    color: #808080;
}

:is(.drawer,.popover)::part(outside-close-button) {
    color: #000;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on [email protected] regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing