Reducing space between post titles on the main page (Cele Theme)

Hey there,

Thanks for using Cele!

Since excerpts aren’t being used on your site, you can add this CSS to remove that section from the page entirely:

.blog .post-content,
.archive .post-content,
.search .post-content {
  display: none;
}

What’s happening right now is that there’s an empty HTML element that normally contains the excerpts and it’s still adding a lot of space between the posts.
You can copy & paste the code above into the “Additional CSS” section in the Customizer (Appearance > Customize), and it will take effect right away.

As for the spacing in the left sidebar, it sounds like you’re looking to fine-tune things, so I’m going to give you sort of a framework you can customize here:

.site-title {
  margin-top: 0;
  margin-bottom: 0;
}
.tagline {
  margin-top: 0;
  margin-bottom: 0;
}
.site-title {
  margin-top: 0;
  margin-bottom: 0;
}
.menu-primary-items {
  margin-top: 30px;
  margin-bottom: 30px;
}

Adding that code won’t change anything, but you can change the pixel values to move things up and down. The class names (like “site-title) should make it clear which element you’re customizing, but let me know if you have any questions.

Thank you Ben so much!

1. It did cross my WP-newbie-mind that this blank space was due to just hiding and not really removing the guts of “continue reading”:) The code worked great!

2. For some reason the page title and the tagline don’t want to move, no matter what px value I insert. The menu though moved right away.
Actually it wouldn’t be a problem if I could bring those two menu items closer together (about the same height between them like it is in the text in a tagline). Now the title and description are compacted whereas menu items are a bit floating in the space – I feel they would look better being closer to each other, but have no idea how to fix it. Any tips?
Oh, and now it came to my mind that it would be nice if the menu could be anchored to the bottom of the page. If there is a relatively easy fix for that, I would highly appreciated your help in that department as well:)

It’s so comforting to get help when needed. Thank you so much for time and effort. Hope you’ll have a pleasant evening!

Happy to help ??

Your code for the tagline is just missing the “px” needed at the end, so it should be “50px” instead of just “50” and then it will work right away.

To reduce the space between the menu items, try this code:

.menu-primary-items a {
  margin-bottom: 6px;
}

As for the sidebar, this code will work great to fix it to the bottom, but with a few limitations:

@media all and (min-width: 900px) {

  .sidebar-inner {
    position: absolute;
    bottom: 0;
  }
}

I tested it out and it looks pretty cool, but this code is only going to work well if the sidebar content stays really short like the way it is now. If the sidebar content is taller than the screen, it will disappear, and this is much more complicated to fix.

px – of course, I’m blind, thank you!

the sidebar at the bottom looks great, very happy about it. I intend to keep this area clean, so it should work in the future as well.

BIG BIG THANKS!

I’ll still play around with the site during the next few days. In case I’ll stumble upon a bigger problem, I’ll let myself write again. As for now, bows and greetings!

Great! Stay in touch if anything else comes up and I’ll be happy to help.