Fortune Theme – Sidebar Custom Menu Widget

• 

  mlsranger · Member · Nov 17, 2015 at 3:41 am

  • Copy link
  • Add topic to favorites

  I want to add in the hierarchy (pages and children, have three levels) to the display in the custom menu widget.

  I think I found the lines of CSS that would allow me to do this, just new to CSS (and coding in general) so not sure of the command to replace the not with. Help please.

  .widget.widget_archive li,
  .widget.widget_categories li,
  .widget.widget_pages li,
  .widget.widget_nav_menu li,
  .widget.widget_recent_comments li,
  .widget.widget_meta li,
  .widget.widget_recent_entries li,
  .widget.widget_recent_comments tr,
  .widget.widget_links li,
  .widget.widget_authors ul > li {
  border-top: 1px solid #e0e1e3;
  padding-top: 9px;
  margin-top: 9px;
  }

  .widget.widget_archive ul > li:first-child,
  .widget.widget_categories ul:not(.children) > li:first-child,
  .widget.widget_pages ul:not(.children) > li:first-child,
  .widget.widget_nav_menu ul:not(.sub-menu) > li:first-child,
  .widget.widget_recent_comments li:first-child,
  .widget.widget_meta li:first-child,
  .widget.widget_recent_entries li:first-child,
  .widget.widget_recent_comments tr:first-child,
  .widget.widget_links li:first-child,
  .widget.widget_authors ul > li:first-child {
  border-top: none;
  padding-top: 0;
  }

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Nov 19, 2015 at 1:31 am

  • Copy link

  Hi @mlsranger, the Custom Menu Widget typically shows menu items in a hierarchy with child and child of child items indented as you can see in the screenshot on the Custom Menu Widget support page.

  I’m seeing a number of other widgets addressed in the code you have above, and some of them would not benefit from hierarchical styling.

  Can you explain a little further what you are wanting to accomplish and I would be happy to help make that happen if I can?

• 

  mlsranger · Member · Nov 19, 2015 at 2:38 am

  • Copy link

  Hi @thesacredpath, thanks for getting back to me.

  I want to show the hierarchy in the sidebar menu. Right now, it is displaying as a list with no real hierarchy highlighted. I was looking to define in the CSS that children and grandchildren display with different styles or spacing i.e. a tab like it is showing in the example menu on the support page.

  Right now, if you look at this page you will see it is displaying as a straight list.

  Let me know if you need more information. Thanks.

• 

  thesacredpath · Member · Nov 19, 2015 at 10:14 pm

  • Copy link

  Many thanks for the link. Give the following a try.

  .widget_nav_menu ul {
      margin-left: 20px !important;
  }

• 

  mlsranger · Member · Nov 19, 2015 at 11:53 pm

  • Copy link

  Perfect, thank you!

• 

  thesacredpath · Member · Nov 20, 2015 at 2:44 am

  • Copy link

  Hooray and you are welcome.