Twenty Seventeen Widget Title and Menu Bar

• 

  lazanpargaman · Member · Jan 17, 2017 at 8:59 pm

  • Copy link
  • Add topic to favorites

  Hello!

  I’m trying to customize the twenty seventeen theme using the Additional CSS tool and I think I’m having trouble figuring out the correct selectors.

  What I am trying to do:
  Menu Bar: Change the background color and font color
  Sidebar Widgets: Change the background of the title, the font size, and the font color.

  For the widgets, I have been trying this and variations on this:

  h2.widget-title {
  background-color: 696969;
  font-size: 2rem
  font-color: white
  }

  I know I’m missing something, but I’m not sure which other selectors to include. Thanks for any help!

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

• 

  lazanpargaman · Member · Jan 17, 2017 at 9:09 pm

  • Copy link

  So this is working for the widget title font size, but not the font color or background color.

  h2.widget-title {
  background-color: 696969;
  font-size: 2rem;
  color: white;
  }

• 

  thesacredpath · Member · Jan 21, 2017 at 5:15 am

  • Copy link

  Hi @lazanpargaman, it looks like you are using WordPress, but you are not hosted here at WordPress.com. For self-hosted WordPress sites such as yours, I would suggest asking for help in the dedicated Twenty Seventeen support forum at WordPress.org.

  The differences between WordPress.com and WordPress.org.

  Since the blog on the site you reference is not using Twenty Seventeen right now, I took a look at the demo at WordPress.org, and this should get you started on the widget titles.

  h2.widget-title {
  	background-color: #cc0000;
  	color: #fff !important;
  	padding: 10px !important;
  }