Center Archive and Categories Widgets and Widget Title Font Size

• 

  benconners · Member · May 27, 2015 at 1:44 pm

  • Copy link
  • Add topic to favorites

  Hello,

  I’m trying to center the categories and archives drop down boxes in the sidebar, and couldn’t do so using the following for some reason:

  #blog_subscription-2, #search-2, #archives-2, #categories-2 {
  text-align: center;

  Also, how can I change the font size for the widget title text?

  Thanks in advanve!

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

• 

  staff-jeanpierreac · Staff · May 27, 2015 at 2:33 pm

  • Copy link

  Hi there.

  You cannot align it with text-align because your are managing a select object, not text. You could try with this piece of code, setting horizontal margins to auto :

  .widget select {
  margin: 0px auto;
  }

  I hope this helps you.

• 

  benconners · Member · May 27, 2015 at 3:30 pm

  • Copy link

  Is this the right widget select code?

  .archiveswidget {
  margin: 0px auto;
  }

  The above didn’t seem to work…

• 

  staff-jeanpierreac · Staff · May 27, 2015 at 3:46 pm

  • Copy link

  Hi @benconners.

  Where did you add this code?

• 

  benconners · Member · May 27, 2015 at 4:13 pm

  • Copy link

  I added it under the rest, it should be there now…

• 

  staff-jeanpierreac · Staff · May 27, 2015 at 6:32 pm

  • Copy link

  I mean -sorry for the question- in your css tab under your customize menu?

• 

  benconners · Member · May 27, 2015 at 7:45 pm

  • Copy link

  Yes that’s where I tried to put it. I have the custom CSS upgrade.

• 

  staff-jeanpierreac · Staff · May 27, 2015 at 9:04 pm

  • Copy link

  Honestly, @benconners: I do not know where the problem is.

  Just to try one more thing, the last one: could you show us a copy of your whole custom CSS code?

• 

  staff-jeanpierreac · Staff · May 27, 2015 at 9:10 pm

  • Copy link

  I marked this thread to be reviewed by Staff.
  They will be able to help us.
  :)

• 

  benconners · Member · May 28, 2015 at 2:47 pm

  • Copy link

  Ok thanks raulanton! Do you still want my entire CSS code?

• 

  rachelmcr · Member · May 28, 2015 at 2:50 pm

  • Copy link

  Hi Ben,

  I used the tips in our guide to How to Find Your Theme’s CSS to find the right CSS selector for those widgets.

  Using that approach, I found that the dropdown in your categories widgets can be selected with .widget_categories select and the dropdown in your archives widgets can be selected with .widget_archive select. Here’s how to use those selectors in the CSS you’re looking for:

  .widget_categories select, .widget_archive select {
  margin: 0 auto;
  }

  Please give that a try and let me know how it goes. :) You can use the same tips from that guide to find the selectors you need to change the font size for widget titles — let me know if you get stuck working on that!

• 

  benconners · Member · May 28, 2015 at 3:29 pm

  • Copy link

  That solved it! Thank you so much. I was also able to figure out font size. Just needed the correct CSS selector.

  Thanks guys!