Solar: customize quote post type

• 

  eternalyouthlifestyle · Member · Jan 12, 2016 at 9:57 pm

  • Copy link
  • Add topic to favorites

  I want to change the background colour of a quote post to match the header with white type. can somebody advise how to do this in css please?

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

• 

  thesacredpath · Member · Jan 12, 2016 at 11:45 pm

  • Copy link

  Hi, to change the blockquote background on the main page to black and the text to white, add the following.

  .format-quote, .format-quote section {
      background: #000 none repeat scroll 0 0;
  }
  .format-quote blockquote p {
      color: #fff;
  }

  Also, the quote post at the top left of your main page has a color set in the post itself which you will have to remove since I can’t override that with CSS.

• 

  thesacredpath · Member · Jan 12, 2016 at 11:46 pm

  • Copy link

  Actually, change the #000 in the code I have above to #2a2c2f which is the same color as the header.

• 

  eternalyouthlifestyle · Member · Jan 13, 2016 at 12:14 am

  • Copy link

  thank you. but how do I leave the white border outside the box keyline?

• 

  thesacredpath · Member · Jan 13, 2016 at 12:45 am

  • Copy link

  If you wish to keep the white area outside of the borderline, use this instead.

  .format-quote section .entry-content {
      background: #000;
  }
  .format-quote blockquote p {
      color: #fff;
  }

• 

  eternalyouthlifestyle · Member · Jan 13, 2016 at 1:10 am

  • Copy link

  thank you for your help :)
  does this mean every quote post will look like this?

• 

  thesacredpath · Member · Jan 13, 2016 at 5:21 am

  • Copy link

  Yes, the above will style all quote posts like that. We can use a unique CSS class from the page’s opening body tag, or the unique post id to limit this to only the one quote, if that is what you want.