Smooth Scrolling to Anchor Targets

Comments

• Bryan

  March 2017

  Hi,

  
  

  To make a page use the smooth scroll please edit the page, then under the muffin builder find the one-page option and turn it on. If you are using a custom link you have to add a 'scroll' class to it. For example:

  <a href="#slider" class="scroll">Slider</a>

  
  

  thanks

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• nadnaqvi

  March 2017

  Hey thanks for getting back to me.
  
  I ended up using the Page Scroll to ID plugin which is simple and seems to work great.
  
  Another issue I would like some help with is that my hyperlinked text has a red line below it when hovering over with the mouse, but what I really would like is for the hyperlink text to show as white when hovering over.
  
  Please see the link: http://jaiwellness.com/treatments/chinese-medicine/
  
  I am referring to the left side menu links - Acupuncture, Cupping Moxibustion therapy etc....
  
  Thanks for your help!
  
  
  
• Bryan

  March 2017

  Use this css 

  a:hover {
  	text-decoration:none !important;
  }

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• nadnaqvi

  March 2017

  Awesome, that worked a treat.
  
  Regarding the hover over color, I have tried to add another customization underneath the code you gave me to my CSS but it is not working for me:
  
  a:hover {
      color: white;
  }
  
  I have also tried to find the correct link color in the BeTheme Options but no luck there either.
  
  Do you have another suggestion for me?
  
  Thanks!
  
• Bryan

  March 2017

  a:hover {
      color: white !important;
  }

  
  

  Try this, you can add !important at the end to make it more 'powerfull'

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next
• nadnaqvi

  March 2017

  Thanks, I gave that code another shot but it still didn't give the desired effect.
  
  Hmmm... If you have any other suggestions that would much appreciated!
  
  Cheers
  
• nadnaqvi

  March 2017

  just an observation -
  
  I tried removing the code:

  a:hover {
  	text-decoration:none !important;
  }
  
  and adding this code back in:
  
  a:hover {
      color: white !important;
  }
  
  and the result is that the hover underline which was red is now white...
  Maybe this can help you understand the issue better.
  
  Thanks!
  
• Bryan

  April 2017

  It is the span in the a element that is changing the color. Please add a custom class to the section for me to target the element.

  Learn more: Video Tutorials | How To | FAQ Vote on what comes next