Customizing the color of quote posts

• 

  pbmanning · Member · Feb 16, 2015 at 5:05 pm

  • Copy link
  • Add topic to favorites

  When I make a “Quote” post in the theme Bloggy, the post is displayed as pink. I would prefer a green color, such as c6d880. What code should I use, and would this have to be for each individual post or can I set up the code to make all the quotes green?

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

• 

  staff-happychia · Staff · Feb 16, 2015 at 5:26 pm

  • Copy link

  This CSS should take care of all the block quotes posts on your blog:

  .content .format-quote {
      background-color: #c6d880;
  }

  Just add another quote, test it and let me know how it goes :-)

• 

  pbmanning · Member · Feb 16, 2015 at 5:37 pm

  • Copy link

  Fantastic! Works like a charm.

  While we’re talking, I want the same color for the navigation menus. I selected the right color in the “Colors” section of the customizer, but there appears to be some sort of filter set up?
  Would it be easier to undo the filter or choose a color that when filtered will become the color I want?

• 

  staff-happychia · Staff · Feb 16, 2015 at 5:57 pm

  • Copy link

  Do you mean you wish to change the color of the text in the nav menu?

  I can see the hover and background of menu items is already greenish.

• 

  pbmanning · Member · Feb 16, 2015 at 6:00 pm

  • Copy link

  No, the text is fine. The hover and background are the wrong shade of green.

• 

  staff-happychia · Staff · Feb 16, 2015 at 6:08 pm

  • Copy link

  Remove the earlier CSS and let’s combine all together in this rule:

  .content .format-quote,
   #toppart #mainnav ul ul a,
   #toppart #mainnav ul li a:hover {
      background-color: #c6d880;
  }

  After you add the above rule, you might want to darken the menu items in the Recipes dropdown using this rule:

  `#toppart #mainnav ul ul a {
  color: grey;
  }`

• 

  pbmanning · Member · Feb 16, 2015 at 6:08 pm

  • Copy link

  Thanks so much!