Digital experiences for all disciplines
New Landing › How can we help? › Cardinal › How to change menu font color from white to black before scrolling
New Landing › How can we help? › Cardinal › How to change menu font color from white to black before scrolling
Tagged: slider
- This topic has 29 replies, 4 voices, and was last updated 6 years by Rui Guerreiro – SUPPORT.
-
Posted in: Cardinal
-
August 31, 2016 at 3:05 pm #290093
1. How to change menu font color from white to black before scrolling when sliders are activated on a page. Currently the menu is white and hard to see. We want the font color to be black before and after scrolling.
Also – how to change font size in menu?
September 1, 2016 at 8:14 am #290156Hi,
Please use this custom css code :-nav .menu > li.menu-item > a, nav.std-menu .menu > li > a { color: #000 !important; font-size:15px !important; }
Thanks
MohammadSeptember 1, 2016 at 9:43 am #290169The code doesn’t seem to do anything. The menu remains white until I start scrolling. We need this to be black.
Plus there is an x next to the first line in the code. What does that mean? I have attached a photo for you to see what I mean.
September 1, 2016 at 9:47 am #290170please find the screen shot of code here.
Attachments:
You must be logged in to view attached files.September 1, 2016 at 10:29 am #290176Hi,
Please replace & gt; with > in code.
Thanks
MohammadSeptember 1, 2016 at 12:46 pm #290214We ended up fixing the menu colour issue with this code :
nav .menu > li.menu-item > a, nav.std-menu .menu > li > a {
color: #000 !important;
font-size:15px !important;
}tnav .menu li.current-menu-ancestor > a, nav .menu li.current-menu-item > a, nav .menu li.current-scroll-item > a, #mobile-menu .menu ul li.current-menu-item > a {
color:#c3b29b !important;
}September 1, 2016 at 6:58 pm #290257Hi,
Glad ๐ to know this.
Thanks
MohammadSeptember 2, 2016 at 9:18 am #290304Hi again,
so now we have managed to change the menu to dark, there is an issue on the mobile version. AS its now dark on a dark background. How do I change it so the menu is white for mobile version only?
September 2, 2016 at 10:05 am #290310September 2, 2016 at 10:12 am #290314Hi,
Please use this custom css code:-#mobile-menu-wrap a, #mobile-cart-wrap a:not(.sf-button) {
color: #fff !important;
}Thanks
MohammadSeptember 2, 2016 at 10:52 am #290329super thanks that code worked ๐
Another thing. On the slider there are arrows which point left and right , which is fine but there is an underline underneath the arrow when you hover over it or after you have clicked it. Is there a way of getting rid of that underline? i have attached a screen shot so you can see what I mean.
Thank you
Attachments:
You must be logged in to view attached files.September 2, 2016 at 11:19 am #290338Hi,
Please use this custom css code:-a.swift-slider-prev:hover,a.swift-slider-next:hover{ text-decoration:none !important; }
Thanks
MohammadSeptember 3, 2016 at 2:34 am #290427thanks but it is not working after you click right on the top slider then the arrow on the right gets underlined?
September 5, 2016 at 5:41 am #290488Hi,
Please use this custom css code:-#mobile-menu-wrap a:hover, #mobile-cart-wrap a:hover:not(.sf-button) { text-decoration: none !important; }
Thanks
MohammadSeptember 5, 2016 at 12:52 pm #290572Please watch this video explaination:
http://screencast-o-matic.com/watch/cDQhQOj1IM -
Posted in: Cardinal
You must be logged in and have valid license to reply to this topic.