How to add class to and childs of sidebar widget – WordPress

If you are dealing with just one site and not creating a theme maybe the easiest solution is to do it “manually”. It is not the most “professional” way to do it, but it works.

Take a text widget or the new html widget, paste your code, for example:

<ul class="list-group">
  <li class="list-group-item">Cras justo odio</li>
  <li class="list-group-item">Dapibus ac facilisis in</li>
  <li class="list-group-item">Morbi leo risus</li>
  <li class="list-group-item">Porta ac consectetur ac</li>
  <li class="list-group-item">Vestibulum at eros</li>
</ul>

and make the changes (to the links) manually.

Related Posts:

  1. Override custom menu widget
  2. Make compatible custom menu widget for Twitter Bootstrap
  3. Side Menu Icon Expandable
  4. WordPress + Bootstrap [closed]
  5. Stuck while adding bootstrap navwalker class
  6. How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
  7. Hiding Widget On Mobile Devices Removes Our Product Search Box On Mobiles
  8. adding some custom html code to the wp_nav_menu function
  9. Multi Level Bootstrap Navigation Menu in WordPress
  10. How to move parent li to end of child ul
  11. How do I add the data-toggle=”modal” data-target=”#myModal” attribures to a WP Nav bar?
  12. Bootstrap drop down menu with wp_nav_menu
  13. How to register custom menu widget
  14. Output the aria-labelledby parameter for a nav menu child
  15. Placing widget to menu
  16. When at / ( or “home”) my menu doesn’t get a current-menu-item class
  17. Loop through Navbar, Output Icons
  18. Change HTML structure for custom menu in sidebar
  19. Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
  20. How to insert custom code into wp_nav_menu structure?
  21. How can I remove data-target=”#” from bootstrap dropdown menu?
  22. remove everything from wp_nav_menu
  23. Editing WordPress Nav Menu Walker
  24. Prev / Next menu item
  25. WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
  26. Grey out nav buttons unless is_user_logged_in()
  27. Add a class at specific element in custom Menu Walker
  28. create a 2 row menu in wordpress
  29. Making nav menu sticky and transparent
  30. current-menu-item class in CSS
  31. WordPress Walker – Group two items?
  32. Sticky Header in WordPress using BootstrapWP theme [closed]
  33. Switch from hover to click on Twenty Twelve Menu
  34. How to style a specific nav menu item?
  35. Excluding a media query from specific pages
  36. How to change the color of a menu item [closed]
  37. display menu as table layout
  38. wp_nav_menu not displaying the right way
  39. Bootstrap button menu on wordpress
  40. styling wp_nav_menu – horizontal, sub-menu drop downs
  41. Menu Arrow for Child Element
  42. Recent Posts widget missing current_menu_item class
  43. Trouble hiding menu on single page
  44. change hover color of specific menu link [closed]
  45. How to add css to single navigation text? [closed]
  46. wp_get_archives doesn’t take effect from css or html
  47. How do I change/remove styling (top border) on main menu for active page and hovering (Avada Theme)
  48. WP nav menu + Bootstrap, add role=”menu” to UL
  49. Drop Down menu expanded by default (on front page) [closed]
  50. Odd spacing in Navigation Bar [closed]
  51. How to avoid the and which added when custon menu widget is used
  52. How to add social buttons like facebook and twitter in the footer of a theme?
  53. How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
  54. Catagorized hierarchy menu for PAGES!
  55. Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
  56. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  57. Custom menu styling
  58. Determining the “current_page” in WordPress Custom Menus
  59. New wp menu menu styling
  60. Child pages don’t become submenus (as in the twenty-ten theme)?
  61. Secondary Menu Not Functioning as a Sticky Menu
  62. I’m trying to remove a duplicate menu, which only appears on the homepage?
  63. Is there any difference between widgets (used in order to manage menus) and register_nav_menus() in terms of performance?
  64. Im having trouble centering menu items in footer due to “flexbox”
  65. Menu items not clickable
  66. Bootstrap Menu bar shows up a toggle in Desktop Mode
  67. wp_nav_menu container style args
  68. How to use Bootstrap Navbar in wordpress Nav Menu
  69. How to swap text in menu item back and forth?
  70. How to point menu to my homepage
  71. Bootstrap Nav Walker Sub Menu Image
  72. Change menu for mobile
  73. Disable Top Nav Bar on Mobile
  74. How to get rid of the bottom line in the navigation menu via CSS file?
  75. Making my main menu a hamburger menu on all platforms
  76. WordPress menu issue after update
  77. Problem with positioning of the menu in custom WP style
  78. How can I make menu items into two seperate buttons with different functions?
  79. Responsive Dropdown Menu
  80. Add Class to Custom Menu Widget ul
  81. Vertical Menu items shifting to same line when window size increased [closed]
  82. My WordPress menu based on Twitter bootstrap creates menu-item and not page-item
  83. How do i keep my current page menu highlighted on pagination?
  84. individual images as navigation design TwentyTen
  85. Specifying Class style for Menu
  86. Bought custom navigation menu from codecanyon, how to change feature.php?
  87. Creating a Horizontal menu
  88. Any plugin to make a 3 levels menu? [closed]
  89. wp nav menu – highlighting current page not working properly [closed]
  90. Why there is a gap between and it’s container (A drop down menu in wordpress) [closed]
  91. Broken drop down menu using Bootstrap and navwalker class
  92. How to centre menu items on horizontal nav bar? (e.g. make margins equal) [closed]
  93. How to change first letter of active menu item
  94. Site navigation sits unstyled for a second on page reload [closed]
  95. Changing when mobile menu is displayed
  96. Active Navigation Class Based on URL on icon
  97. Convert a custom bootsrap based menu to wordpress nav walker
  98. change breakpoint widths for divi theme tablet view
  99. Rename Menu icon in Twenty seventeen theme
  100. Main Menu Hover is Always White