Altitude Pro Site Title Change Color on Scroll

[tribalcafe]

Hi, I would like to have the site title change color as you scroll and lose the transparency.

The reason for this is that the background photo I want to use is quite light - so a dark font color is needed to start.

However on scrolling and the black color appears as the background I would like/need to have a lighter color e.g. a light blue.

Any ideas on how to achieve this?

Sure I can't be the only one who could benefit from this solution.

Gary

[Christoph]

Hi,

you can add the following code to your style.css to change the site-title color when scrolling:

.site-header.dark .site-title a {
	color: #*** !important;
}

Change #*** to the color you want to use.

To change the background color on scrolling you will find the following code
around line 956 of the style.css:

.site-header.dark {
    background-color: #000;
}

Change #000; to a color of your liking.

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[tribalcafe]

Hi Christopher,
thanks for this - great help.

Works fine.

Gary

[Christoph]

Hi Gary,

you are welcome.

Could you please mark this topic as resolved, so it can be closed?

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts