ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Cardinal
• August 31, 2016 at 3:05 pm #290093
  computerarts

  Member

  Post count: 56

  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 #290156
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  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
  Mohammad

  September 1, 2016 at 9:43 am #290169
  computerarts

  Member

  Post count: 56

  The 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 #290170
  computerarts

  Member

  Post count: 56

  please find the screen shot of code here.

  Attachments:

  You must be logged in to view attached files.
  September 1, 2016 at 10:29 am #290176
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please replace & gt; with > in code.
  Thanks
  Mohammad

  September 1, 2016 at 12:46 pm #290214
  computerarts

  Member

  Post count: 56

  We 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 #290257
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Glad 🙂 to know this.
  Thanks
  Mohammad

  September 2, 2016 at 9:18 am #290304
  computerarts

  Member

  Post count: 56

  Hi 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 #290310
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Showing fine for me one mobile: http://d.pr/i/1bON8/4pk6mbt1

  – Kyle

  September 2, 2016 at 10:12 am #290314
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #mobile-menu-wrap a, #mobile-cart-wrap a:not(.sf-button) {
  color: #fff !important;
  }

  Thanks
  Mohammad

  September 2, 2016 at 10:52 am #290329
  computerarts

  Member

  Post count: 56

  super 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 #290338
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  a.swift-slider-prev:hover,a.swift-slider-next:hover{
  text-decoration:none !important;
  }

  Thanks
  Mohammad

  September 3, 2016 at 2:34 am #290427
  computerarts

  Member

  Post count: 56

  thanks 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 #290488
  Mohammad – SUPPORT

  Moderator

  Post count: 27441

  Hi,
  Please use this custom css code:-

  #mobile-menu-wrap a:hover, #mobile-cart-wrap a:hover:not(.sf-button) {
      text-decoration: none !important;
  }

  Thanks
  Mohammad

  September 5, 2016 at 12:52 pm #290572
  computerarts

  Member

  Post count: 56

  Please watch this video explaination:
  http://screencast-o-matic.com/watch/cDQhQOj1IM

• Back to forum

  Posted in: Cardinal