Text on header is transparent and I can't change it: Refresh Theme

Store Design
1

Hello! My white text on the top bar/header seems to be a level of transparent, how do I make the white text opaque and vibrant? My site is bmecosmetics.com .. thank you :slightly_smiling_face:

2

Hi @bmecosmetics

I put some opacity on the text but nothing happen, I think it is because of background color of your header.

But try this one.

  • 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:
header.header.header--top-center.header--mobile-center.page-width.header--has-menu * {
    opacity: 1;
    color: white !important;
}

And I check your text header on other background color, it seems okay.

Made4uoRibe_1-1695222757028.png
Made4uoRibe_1-1695222757028.png376Ă—191 5.52 KB

3

Hi @bmecosmetics

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

.header__menu-item span {

color: #000000 !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly