Change color of product recommendations and social media button text - debut theme

[ahana165]

Hello,

I recently changed the color of my product page including the background and several titles. However, the color of the text on the social media buttons and the product recs ("You may also like") is still white. How can I change it to the mauve or violet I've used elsewhere?

Please let me know. I'm comfortable with editing the code after I've been nudged in the right direction.

Thank you.

my shopify : bazaarify.net

[oscprofessional]

.section-header.text-center h2 {
    color: var(--color-body-text);
}
.btn--share .icon-facebook {
    fill: var(--color-body-text);
}
.btn--share .icon-twitter {
    fill: var(--color-body-text);
}
.btn--share .icon-pinterest {
    fill: var(--color-body-text);
}

Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

[ahana165]

thank you for your help!

[ahana165]

Thank you for your help! This is partially correct; the text on the social media buttons didn't change color, only the symbols did.

[oscprofessional]

please share screenshot

[dmwwebartisan · Accepted solution]

@ahana165 

Please add the following code at the bottom of your CSS file.

.template-product .share-title{ color: #000 !important; }
.template-product div#shopify-section-product-recommendations .section-header h2 {
    color: #000 !important;
}

Hope this works.

Thanks!