Adding a column to Heart and Style theme

• 

  jdavidortizfargas · Member · Mar 25, 2018 at 6:45 am

  • Copy link
  • Add topic to favorites

  Title explains it all, basically.

  I’m interested in adding a column to the Heart and Style theme.

  I would also like to make each post differentiate itself from the background and the rest of the page. A simple box or a breakline would suffice.

  Thanks in advance.

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

• 

  mouli · Staff · Mar 25, 2018 at 10:10 pm

  • Copy link

  This will put a thin border around each post:

  .blog-posts-listing .post {
  	border: solid 1px #666;
  	border-radius: 4px;
  	padding: 20px;
  }

  As to the idea of adding a column, I suspect that it is a theme thing.
  If it is a feature of the theme editor you can do it but if not it might be complex and would require a lot of coding.
  For instance you’d need to be able to add content to the column which if not part of the theme editor would require custom templates etc that are beyond what can be achieved on WordPress.com.
  You’d need to be using a self hosted version so you can have access to create a child theme and work from there.

• 

  mouli · Staff · Mar 25, 2018 at 10:12 pm

  • Copy link

  Oh and to get the top border on the first post on the page you will need to add this as well”

  .blog-posts-listing > .post:first-child {
  	border-top: solid 1px $666;
  }

• 

  jdavidortizfargas · Member · Mar 26, 2018 at 1:39 am

  • Copy link

  Thank you so much. I will try it now and head back here to report the results.

• 

  jdavidortizfargas · Member · Mar 26, 2018 at 1:42 am

  • Copy link

  Great! It looks amazing. Thank you, again.

• 

  mouli · Staff · Mar 26, 2018 at 1:49 am

  • Copy link

  Nice to hear that.
  Thank you.
  Its a pleasure to help.