Is it possible to edit the opacity of text refresh theme

[BasicallySuper]

Hi,

I am trying to increase the opacity of all of my text on my store. If you can just point me where to look, I can change the opacity myself.

Compared to the header, it just looks way too dim. Like it needs to be at least at 85% opacity, it looks like it is at 65%.

My store is https://basicallysuperhuman.com/products/train-like-a-superhero-ebook

Thank you!

[made4Uo]

Hi @BasicallySuper ,

Definitely able to do that. Actually, it was 75% opacity. Anyway, you can follow the instructions below

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Add the code below at the very end of the file

product-info.product__info-container {
    color: rgba(255, 255, 255, 0.85);
}

[PageFly-Victor]

Hi @BasicallySuper

This is Victor from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

div#shopify-section-template--18255060140325__7657a4b7-0a01-4c68-8b1d-2fa5206f5331 h2 {
opacity: 0.65; // for 3 titles in image with text 
}

Hope this can help you solve the issue

Best regards,

Victor | PageFly

[GemPages]

Hello @BasicallySuper ,

You can follow these steps:

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

2. Open your theme.liquid file, paste the below code before

{% if template contains 'product' %}

{% endif %}

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

[BasicallySuper]

Hey @made4Uo ,

It worked on the product description. But for the rest of the text on the site, it stayed the same.

[made4Uo]

Oh. If you want to change it to all, please follow the instruction below

1. From your Admin page, go to Online store > Themes > click the three dots > Edit code
2. Find the Asset folder, and open the base.css file
3. Look for the code below and remove the “, 0.75”

body,
.color-background-1,
.color-background-2,
.color-inverse,
.color-accent-1,
.color-accent-2 {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
}

Before:

After: