Spaces between blog posts

[mkw]

Another basic question
How can I change the space between blog posts?

 

[mkw]

OK, I found Site Design -> Content -> Archives -> Loop and I can select either Teasers or Blocks.
And the Blocks is making the effect I was looking for

 

[Solari]

I've found if you prefer the default styling, you can plug this in your Additional CSS and it'll space it out:

.loop-default.style-default.content-sidebar .post-box:not(:last-child) { margin-bottom: 14px; }

 

[Alex]

I've found if you prefer the default styling, you can plug this in your Additional CSS and it'll space it out:

.loop-default.style-default.content-sidebar .post-box:not(:last-child) { margin-bottom: 14px; }

Nice digging. Do you use a child theme to make custom edits, or generally keep your custom styles in Additional CSS?

 

[Solari]

Nice digging. Do you use a child theme to make custom edits, or generally keep your custom styles in Additional CSS?

I popped it in Additional CSS. Which is better?

Ray

 

[Alex]

I popped it in Additional CSS. Which is better?

Ray

I always recommend a child theme because you can organize all of your custom code in one place, including template edits. This will save you time debugging if you know all of your custom code/CSS is in one place, and you will have a lot more flexibility and power by writing code in a code editor.

Plus, your custom CSS will load from your child theme's style.css file instead of dirtying up your site's souce code by printing inline, which the Additional CSS panel does.

 

[Solari]

I always recommend a child theme because you can organize all of your custom code in one place, including template edits. This will save you time debugging if you know all of your custom code/CSS is in one place, and you will have a lot more flexibility and power by writing code in a code editor.

Plus, your custom CSS will load from your child theme's style.css file instead of dirtying up your site's souce code by printing inline, which the Additional CSS panel does.

Alex, I actually am using the child theme, it's where I popped the CSS in the Additional CSS box.

So you are saying I should directly edit the style.css file rather than use the Additional CSS box even on a child theme?

Thanks!
Ray

 

[Alex]

The style.css file of your child theme is the best place for your custom styles, yes.

The exact label "Additional CSS" is a default WordPress setting in WP Admin > Customize > Additional CSS, but the condensed interface is not ideal for writing CSS and can also cause CSS specificity conflicts since it prints the styles you write inline.