Text Color

Store Design
, , , ,
1

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
PabloPier_0-1728831326552.png508×482 49.2 KB

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

PabloPier_1-1728831382058.png
PabloPier_1-1728831382058.png511×477 88.5 KB

Here the search bar is also white.

PabloPier_2-1728831418275.png
PabloPier_2-1728831418275.png493×955 14.1 KB

The Cart also.

PabloPier_3-1728831474312.png
PabloPier_3-1728831474312.png482×963 20.8 KB

And the country menu.

2

@PabloPier

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

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

3

The URL is https://www.pablopier.com/

4

@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;
}