twentysixteen template just moved over from blogger

• 

  msphotocyclist · Member · Oct 1, 2017 at 4:28 pm

  • Copy link
  • Add topic to favorites

  Hi, I’ve just migrated my blog from blogger, so not very familiar with how wordpress works. I’d like my individual posts to have a gap between them. At the moment, when you scroll down it’s very hard to see when a new post starts as they all have a continuous white background. Is there a way to insert a space between the white background of each post? Thanks Wendy

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

• 

  thesacredpath · Member · Oct 1, 2017 at 9:07 pm

  • Copy link

  Hi there, the current white background is assigned to the overall #page div that contains all the content, so we can’t just add some margin to the bottom of the posts, we have to change the color of that main div. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS, and see what you think. It gives a translucent white to the main div and then a full white background to the posts. I had to add a bit of padding so that the text was not right up against the boundaries of the white. I also did the same thing to the sidebar.

  #page {
    background-color: rgba(255,255,255,0.6)
  }
  .site-main article {
    background-color: #fff;
    padding: 20px
  }
  #secondary {
    background-color: #fff;
    padding: 10px
  }

• 

  msphotocyclist · Member · Oct 2, 2017 at 7:05 am

  • Copy link

  Hi – thank you very much for that text. It did exactly what I hoped! Wendy.

• 

  thesacredpath · Member · Oct 2, 2017 at 10:46 pm

  • Copy link

  Awesome, and you are welcome!