# Add class to Bootstrap Navbar li a (for page-scroll)

**URL:** <https://forum.pinegrow.com/t/add-class-to-bootstrap-navbar-li-a-for-page-scroll/547>\
**Category:** WordPress\
**Created:** [December 29, 2016, 10:07am UTC](https://forum.pinegrow.com/t/add-class-to-bootstrap-navbar-li-a-for-page-scroll/547 "2016-12-29T10:07:42Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![24degrees](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/24degrees/32/136_2.png) [@24degrees](https://forum.pinegrow.com/u/24degrees)\
**Post date:** [December 29, 2016, 10:07am UTC](https://forum.pinegrow.com/t/add-class-to-bootstrap-navbar-li-a-for-page-scroll/547/1 "2016-12-29T10:07:42Z")

</div>

Good morning everyone,

I’m having an issue with the Bootstrap navbar: I assigned the WP-Action ‘NAV Menu’ to the ‘Navbar section’. All working fine - it loads the primary menu as asked.

But the problem is that I’m creating a one page with a **page-scroll** class. I already tried to assign that class using the WordPress Menu add CSS class option (in WordPress itself). But that doesn’t work since it assigns the action to the element **li** instead of the underlaying **a**.

I guess I can inject that class to every **nav li a** using jQuery, but I was wondering if it cannot be done in Pingegrow itself?

e.g.:  
$( “nav li a” ).addClass( “page-scroll” );

Thanks all for the help.

---

<div class="post-metadata">

**Author:** ![Cheope](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/cheope/32/340_2.png) [@Cheope](https://forum.pinegrow.com/u/Cheope)\
**Post date:** [January 8, 2017, 1:53am UTC](https://forum.pinegrow.com/t/add-class-to-bootstrap-navbar-li-a-for-page-scroll/547/2 "2017-01-08T01:53:47Z")

</div>

Maybe I misunderstood, but did you select the link element from the tree and add the class in the properties \> style pane on the left side of Pinegrow interface? You can verify the generated code in PHP code preview (command+p)