Synchronise colour change in navbar with background
-
I am currently working on a site where the About page will have a different background colour, navbar and site title. Please see links below:
Homepage
http://foolscap-editions.com/homepageAbout page
http://foolscap-editions.com/aboutSo when you transition between the two pages currently the background colour of the nav bar fades in quicker than the background of the page so feels slightly clunky. Is there a way to avoid this / synchronise?
Currently I am using the following code:
/* navbar colour about page*/
body[data-type="page"][data-id="333"] .navbar{
background-color: #f28000 !important;
}/* site title text colour about page*/
body[data-type="page"][data-id="333"] ._Bold {
color: #ffffff !important;
}/* menu text colour about page*/
body[data-type="page"][data-id="333"] ._Default{
color: #ffffff !important;
} -
Did you try adding a
transition: ease-in-out 1s;
and play around with the time?
Here’s more info about transitions.
Before you post:
Use the Search Feature. Maybe there is already a solution to your issue.
1. Update Lay Theme and all Lay Theme Addons
2. Disable all Plugins
3. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code ", click "Save Changes"
4. When using a WordPress Cache plugin, disable it or clear your cache.
Now see if your problem solved itself.
Go here, see if your problem is listed here:
Troubleshooting
When you post:
1. Post a link to where the problem is
2. If the problem is difficult to explain, post screenshots / link to a video to explain it
I don't answer or check forum DMs, please just post on the forum.