Why are my search results font colors not visible to customers?

[Solomond]

Hi

My search results pages is doing something odd. When a search term is entered and results returned, the header and prices are in white, so they don’t show to the customer. The theme settings are correct. Can anyone help?

URL: Search: 33 results found for “mugs” – Hobbster

Screenshot:

rgds

Solomon

[Hardik29418]

Please go to

1. Online store
2. Themes → Edit theme
3. Layout
4. theme.liquid and paste this code before

[LuffyOnePiece]

Hi @Solomond ,

Can you try please try adding below CSS to the base.css file?

body  .template-search__header.page-width.scroll-trigger.animate--fade-in {
    color: #000 !important;
}

body  .template-search__header.page-width.scroll-trigger.animate--fade-in h1.h2.center {
    color: #000;
}

body  input#Search-In-Template {
    -webkit-appearance: none;
    appearance: none;
    background-color: rgb(var(--color-background));
    color: #333;
    font-size: 1.6rem;
    width: 100%;
    box-sizing: border-box;
    transition: box-shadow var(--duration-short) ease;
    border-radius: var(--inputs-radius);
    height: 4.5rem;
    min-height: calc(var(--inputs-border-width)* 2);
    min-width: calc(7rem +(var(--inputs-border-width)* 2));
    position: relative;
    border: 1px solid #333;
}

body  a.predictive-search__item.predictive-search__item--link-with-thumbnail.link.link--text {
    color: #333 !important;
}

body  .predictive-search__list-item p.predictive-search__item-heading.h5 {
    color: #333;
}

body .predictive-search__list-item .predictive-search__item-query-result mark {
    color: #333;
}

Let me know if there is anything else that I can assist you on.

Thank You

[Solomond]

Hi, do you mean ‘edit code’?

Is there a quick way to find ‘’?

[Wholesalehelper]

Hello, @Solomond

Greetings from the Wholesale Helper Support Team! Happy to help you today.

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " " tag → Save

2. After adding the above CSS, it looks like this-

Let me know If need further assistance

Regards,

Wholesale Helper Support Team

[Solomond]

Hi, this worked for the prices, but not for the page header…

[Solomond]

Hi, do you have a suggestion on how to fix the header?

[Solomond]

Hi, do you have a suggestion on how to fix the header?

rgds

[Solomond]

Hello, do you have any advice on my further questions?