Changing Page Headers and Product Titles/Description Colors for Sense Theme

Store Design
, , , , , ,
1

Hello!

I am having issues changing the font color of my page headers, and all of the text on my product pages(title, price, description, vender, etc.) to white.

Here are photos to show you what I am referencing. I am just trying to make all of the text white!!!

candycoatbeauty_0-1698534468868.png
candycoatbeauty_0-1698534468868.png1322Ă—693 114 KB

candycoatbeauty_1-1698534557489.png
candycoatbeauty_1-1698534557489.png1405Ă—725 28.9 KB

candycoatbeauty_2-1698534572916.png
candycoatbeauty_2-1698534572916.png1410Ă—647 15.7 KB

I would greatly appreciate any help with this.

Thank you!

the url is:

9ea2a0-2.myshopify.com

password:

chewim

1 Like
2

Hi @candycoatbeauty

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

body.gradient.animate–hover-vertical-lift, .product__title h1, span.price-item.price-item–regular, .main-page-title {

color: white !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

3

Hello!

Thank you!

That code did work to make the font white. However, when I added the code, it made this off-white bar appear under my collections header. I had added in this code to remove the off-white margin:

h1.title.title–primary.inline-richtext.scroll-trigger.animate–fade-in { margin-top: 0px !important; } div#shopify-section-template–16856419500269__main * { color: white; }

After putting in the code you sent me below that code, the margin bar reappeared.

candycoatbeauty_0-1698536244544.png
candycoatbeauty_0-1698536244544.png1917Ă—732 80.5 KB

Do you no how to fix this so that the background is completely pink? (hex:##FF9FCA)

4

@candycoatbeauty - it is pink only, I think you have solved your issue

suyash1_0-1698550312079.png
suyash1_0-1698550312079.png1366Ă—768 114 KB

5

Hi @candycoatbeauty

I think you resolve your other issue, but when I checked your store. Ifound out some other black font.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
facet-filters-form.facets.small-hide *, button.share-button__button, h1.cart__empty-text {
    color: white;
}
div#Facet-1-template--16856419434733__main-collection-product-grid *, 
div#Facet-2-template--16856419434733__main-collection-product-grid *,
select#SortBy * {
    color: black;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!