Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by M W
M W
3,446 Points

Is bootstrap overiding my link css when running smooth scroll javascript program??

I have added bootstrap and JavaScript CDN so I can use a smooth scroll JavaScript code.

For some reason which I cannot work out when this smooth scrolling is active and the mouse pointer is NOT over the link then it has an underline till the scrolling completes.

Also the two nav links 'classes' and 'contact' appear blue??? This is only visible when I view the code from my github page. When I view the code hosted locally but on same browser (chrome) the links remain white??

https://matward.github.io/yoga-option/

Please Help!!! :)

2 Answers

Joshua Kelly
Joshua Kelly
18,830 Points

it looks fine to me. without seeing the actual code i am just guessing here. i am on my work laptop using IE9 and the scroll was smooth. didn't notice a problem at all. your page looks really good. make sure you link your files in the right order.

1) fonts 2) accessory css stuff: a) normalize b) bootstrap 3) then add your main css (this way you can further augment and you can make sure your code is the last to be used

for JS link at the bottom of your html right before the closing body tag </body>

1) jqurey 2) jquery plug ins 3) your JS code

this order for both css and js should allow you to override anything you so choose to make your changes memorable and permanent.

I hope this helps. If not let me know.

M W
M W
3,446 Points
M W
M W
3,446 Points

Hi Joshua, Thanks for your message. I had managed to fix my problems so that's why it looked ok when you ran it. I had to do a bit of moving my css link files around to over-ride the bootstrap presets. Thanks for you advice - it all makes sense and I will follow that order from now on. Many thanks. Mat