How do I remove the border around my posts?

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 1:09 am

  • Copy link
  • Add topic to favorites

  Hi,

  How do I remove the border around my posts? I’m using the Opti theme.

  My website is asweetdoseofreality.com.

  Also how do I completely remove the grey border around the sidebar widgets but just leave the grey background for the widget titles?

  Thanks.

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

• 

  mommyhive · Member · Sep 16, 2017 at 1:31 am

  • Copy link

  Hi,

  Removing the border property in below CSS will remove the border in your posts.

  .row .eightcol {
  float: left;
  margin: 1% 0;
  border: 1px solid #d6d6d6;
  padding: 16px 30px 30px 30px;
  overflow: hidden;
  width: 64%;
  }

  Removing the background property in below CSS will remove the grey border with just the grey background for the widget titles

  aside .widget {
  /* background: #efefef; */
  padding: 4px;
  margin: 0 0 15px;
  }

  Hope this helps.

  Thank you.

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 1:34 am

  • Copy link

  Hi,

  None of those worked.

  Any other ideas?

  Thank you.

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 2:25 am

  • Copy link

  Actually, I read your posts again and it worked.

  border: none;

  background: none;

  Got it.

  Thank you.

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 2:25 am

  • Copy link

  Actually, I read your posts again and it worked.

  border: none;

  background: none;

  Got it.

  Thank you.

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 2:39 am

  • Copy link

  One more question of you don’t mind.

  How would I change the font size and color of quoted text?

  I would also like to possibly remove the grey vertical bar on the left hand side next to quoted text.

  Here’s an article with quoted text as an example.

  https://asweetdoseofreality.com/2017/09/15/houston-prepares-to-be-sprayed-by-bee-killing-chemicals-to-fight-mosquitoes/

  Thank you again.

• 

  mommyhive · Member · Sep 16, 2017 at 2:52 am

  • Copy link

  Hi,

  You can change to desired font size and color in below CSS and also set border property to none to remove grey vertical bar.

  blockquote {
  color: #7b7b7b;
  padding: 0 18px;
  margin: 25px 45px;
  border-left: 3px solid #CCC;
  font-size: 1em;
  letter-spacing: .03em;
  }

  Thank you.

• 

  truthseekerblogger2015 · Member · Sep 16, 2017 at 3:08 am

  • Copy link

  Thank you again.

• 

  mommyhive · Member · Sep 16, 2017 at 6:06 am

  • Copy link

  You are welcome!