Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

White font in transparent header, yet black in fixed header?


Recommended Posts

Hi everybody :-) And Merry Christmas!

I am making a webpage. The frontpage (home) is a full image with two sections below.

When the visitor enter the page, I wish the font and social media icons in the header on the image to be white, yet when they scroll down I want the header (fixed) has a yellow base and black font.

Does any one know how to do this? Make the font change colour depending on background?

At first it did it by it self, but now I can't figure it out.

I hope someone might be able to help out :-) 

All the best Tyra

Link to post
  • Replies 10
  • Created
  • Last Reply

Top Posters In This Topic

On 12/26/2020 at 4:30 PM, dokkedahl said:

Hi Tuanphan

Thanks for reply. The URL is www.seriouslyfun.agency / code: Marieersød

It just the homepage / frontpage I am thinking about

Best Tyra

Add to Home > Design > custom CSS

/* header color before scroll */
header:not(.shrink) * {
    color: white !important;
    fill: white;
}

 

Link to post

Sorry - I have one more question...

When I see the frontpage on mobile, så three sidebars are black. Will it be possible to make them white as the Site header and social icons?

Best, tyra

Link to post
1 hour ago, dokkedahl said:

Sorry - I have one more question...

When I see the frontpage on mobile, så three sidebars are black. Will it be possible to make them white as the Site header and social icons?

Best, tyra

Marieersød

Incorrect password

Link to post
On 1/2/2021 at 8:18 PM, dokkedahl said:

Hi 🙂 First og all, thanks for taking a look at it again! 

I have marked the "sidebar" in the screendump with a red circle 🙂 

Best, tyra 

Skærmbillede 2021-01-02 kl. 14.16.47.png

Add to Custom CSS

/* burger color */
body .burger-inner * {
    background: white !important;
    opacity: 1 !important;
}

 

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...