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. Add a custom walker to a menu created in a widget
  9. adding some custom html code to the wp_nav_menu function
  10. Multi Level Bootstrap Navigation Menu in WordPress
  11. How to move parent li to end of child ul
  12. How do I add the data-toggle=”modal” data-target=”#myModal” attribures to a WP Nav bar?
  13. Bootstrap drop down menu with wp_nav_menu
  14. wordpress nav menu using twitter bootstrap
  15. How to register custom menu widget
  16. How to apply a class to the second word in menu list item?
  17. HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
  18. Which settings/options are saved on a theme-basis and how does this affect theme-switching?
  19. Styling child custom menu pages
  20. Output the aria-labelledby parameter for a nav menu child
  21. Placing widget to menu
  22. When at / ( or “home”) my menu doesn’t get a current-menu-item class
  23. Add Bootstrap dropdown class to a nav menu
  24. Nav walker, bootstrap: Display 3rd level items under 2nd level
  25. How do I prevent the text overflow in menu?
  26. How to change Twenty Seventeen theme’s navigation bar location?
  27. How do i style the current menu anchor link’s parent anchor link? [closed]
  28. WordPress Custom Menu Widget Style
  29. Custom Post type menu highlighted in the archive/post
  30. Loop through Navbar, Output Icons
  31. WordPress – site with 2 stylesheets and more…
  32. Add nav menu CSS class to body
  33. Change HTML structure for custom menu in sidebar
  34. Vertical Sidebar Menu Parent and Child not displaying correctly [closed]
  35. How to insert custom code into wp_nav_menu structure?
  36. How can I remove data-target=”#” from bootstrap dropdown menu?
  37. remove everything from wp_nav_menu
  38. Make menu bootstrap compatible
  39. Editing WordPress Nav Menu Walker
  40. How to give custom classes to the WordPress Menu widget
  41. How to add #navbar to all page links?
  42. Main Menu and Sub Menu Items for Footer
  43. Altering html structure and creating custom menus
  44. Prev / Next menu item
  45. WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
  46. How to have two menus using Bootstrap nav walker?
  47. Add class active to static menu
  48. Add CSS to head depending on nav menu walker
  49. Grey out nav buttons unless is_user_logged_in()
  50. Add a class at specific element in custom Menu Walker
  51. CSS for Created Menu “Active Selected” not working, everything else is!
  52. How do I add (css) class to a custom link to make it current_page_item
  53. wp_nav_menu not working [closed]
  54. create a 2 row menu in wordpress
  55. Making nav menu sticky and transparent
  56. current-menu-item class in CSS
  57. Static page to one page- menu inactive items highlighted
  58. WordPress Walker – Group two items?
  59. CSS_Menu_Walker not showing on mobile view?
  60. Sticky Header in WordPress using BootstrapWP theme [closed]
  61. CSS Classes (optional) on menu is not showing
  62. Switch from hover to click on Twenty Twelve Menu
  63. How to style a specific nav menu item?
  64. How Do I Add Images To Main Navigation Menu
  65. Excluding a media query from specific pages
  66. How to I know the class or ID of my theme?
  67. My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
  68. How to change the color of a menu item [closed]
  69. display menu as table layout
  70. Highlight parent if item from submenu is active
  71. wp_nav_menu not displaying the right way
  72. Bootstrap button menu on wordpress
  73. styling wp_nav_menu – horizontal, sub-menu drop downs
  74. Menu Arrow for Child Element
  75. Recent Posts widget missing current_menu_item class
  76. How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
  77. Trouble hiding menu on single page
  78. change hover color of specific menu link [closed]
  79. How to add css to single navigation text? [closed]
  80. Navigation menu not visible (contrast issue) on home page
  81. wp_get_archives doesn’t take effect from css or html
  82. Full screen nav menu block with avada theme
  83. How do I change/remove styling (top border) on main menu for active page and hovering (Avada Theme)
  84. Make two bootstrap menus collapse into one dropdown
  85. Hide pages from the main menu
  86. WP nav menu + Bootstrap, add role=”menu” to UL
  87. Drop Down menu expanded by default (on front page) [closed]
  88. Odd spacing in Navigation Bar [closed]
  89. Responsive menu on genesis theme [closed]
  90. How to avoid the and which added when custon menu widget is used
  91. “Widgets” menu doesn’t appear
  92. Simple form to add custom links to menu?
  93. Controlling sub-menu within sub-menu
  94. How to add social buttons like facebook and twitter in the footer of a theme?
  95. Bootstrap menu – make menu entries with submenu not clickable
  96. How to manipulate attributes of url-less dropdown item in a the custom wordpress menu?
  97. Catagorized hierarchy menu for PAGES!
  98. Using CSS ID’s and Classes with images in a WordPress Horizontal Menu
  99. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  100. Custom menu styling