Can't Define a Widget

• 

  hudsonchemicals · Member · Feb 18, 2016 at 4:17 pm

  • Copy link
  • Add topic to favorites

  Hello! I’m trying to make the text-transform “none” for the custom menu widget called “Select Your Industry”. I’ve tried a few things, but can’t nail the code name or number to define that widget. Like “.widget_searchform” or “.widget_categories” defines those widgets. Do I need to have #sidebar first? Thanks for your assistance.

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

• 

  hudsonchemicals · Member · Feb 18, 2016 at 4:26 pm

  • Copy link

  ^and…I would like to make the industry titles, like “Building & Construction” or “Housekeeping & Janitorial” all upper case.

• 

  thesacredpath · Member · Feb 18, 2016 at 7:05 pm

  • Copy link

  Howdy, if you are only wanting to make the title on the menu widget normal case, then you need to use the unique CSS id for that widget and then the CSS selector for the widget title, which in this case would look like this.

  #nav_menu-7 .widget-title {
      text-transform: none;
  }

  If you wish to do the above to all widget titles, then find this rule in your CSS
  #sidebar .widget-title
  and add the
  text-transform: none;
  declaration.

  On the links with the menu widget, again, if you wish to only change the menu widget links to uppercase, target that widget like this.

  #nav_menu-7.widget a {
      text-transform: uppercase;
  }

• 

  hudsonchemicals · Member · Feb 18, 2016 at 7:27 pm

  • Copy link

  Thanks, @thesacredpath! Just needed that last bit, and it works great.

• 

  thesacredpath · Member · Feb 18, 2016 at 8:01 pm

  • Copy link

  Awesome, and you are welcome.