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

  • Resolved olaolaola

    (@olaolaola)


    Hello WP Pros! 🙂

    I’ve dreamt about a very minimalistic site, decided to chose Cele Theme and am happy about it, however I have a problem with polishing how the homepage looks. I have two concerns:

    1. how to reduce spacing between post titles? I’ve removed the “continue reading” link and the horizontal separators, but cannot figure out how to bring those titles closer. any tips?

    2. it would be great to know how to custom heights of the left bar elements (page title, description and menu items) – if this is too much fuss, I would like to at least bring the menu items closer together. In my opinion right now it all looke messy with a description glued to the title and the menu items hanging separetly on a random height.

    Will be very grateful for your help!
    Cheers!

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Ben Sibley

    (@bensibley)

    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.

    olaolaola

    (@olaolaola)

    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!

    Theme Author Ben Sibley

    (@bensibley)

    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.

    olaolaola

    (@olaolaola)

    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!

    Theme Author Ben Sibley

    (@bensibley)

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.