How to change font colors based on background in Sense theme?

[Thechall3nge]

Hi,
I wanted to know if on shopify, there was a possibility to have two different lettering colors.
Here attached I leave the photos of the problem.
As you can see I need on white background the writings to be black, instead on black background the writings to be white.
The site is ILMM.IT and the theme used is Sense but now it shows up with different colors, I copied the theme to do some testing since I wanted to change the style.

[PageFly-Victor]

Hi @Thechall3nge ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

Hope my answer will help you.

Best regards,

Victor | PageFly

[GemPages]

Hi @Thechall3nge
I would like give you a solution for this case.

Following these steps:

1. Go to Online Store → Theme → Edit code. https://prnt.sc/js2u9lX4TESb

2. Open your base.css in the Assets folder.

3. Paste the below code at the end of the file. https://prnt.sc/sX68vgCvI53A

#ImageWithText--template--18106717765936__image-with-text{
      background: white !important;
      color: black;
}
#ImageWithText--template--18106717765936__image-with-text .button {
    color: white;
    background: black;
}

4. Save file, then double-check.

Best regards,
GemPages Support Team

[Thechall3nge]

I tried but it doesn’t work

[Thechall3nge]

I tried your solution as well but it doesn’t work

[PageFly-Victor]

Hi @Thechall3nge , you can try again with this code below:

[Thechall3nge]

I put the code here but the result is always the same :(, i think that you can’t have 2 different color with this theme

[PageFly-Victor]

Hi @Thechall3nge ,

you have to put the code inside the tag, just above your tag

[Thechall3nge]

Hi @PageFly-Victor !
I copy inside the but still don’t work
Maybe in CSS i need to change something?

[PageFly-Victor]

Hi @Thechall3nge ,

Sorry for the late reply, you can please try again with this code:

[Thechall3nge]

Hi @PageFly-Victor !

Now work! But the footer, mid page and header is black

[PageFly-Victor]

@Thechall3nge Can you check again please. I looked at your website and didn’t see the problem

[Thechall3nge]

@PageFly-Victor If I put the white bg on shopify there is no problem but I wanted to have those black parts with white font To have a contrast

[PageFly-Victor]

To be able to do that you need to tune each part separately. Because your content is now black. If you change the entire background to black, the text and content will be the same color

[Thechall3nge]

Okey, how i can do that? @PageFly-Victor

[PageFly-Victor]

You can try this code below:

[Thechall3nge]

Thank you man!

You are the god! \3