[Support request] Spacing query above featured image on posts pages

Home Forums Support [Support request] Spacing query above featured image on posts pages

Home Forums Support Spacing query above featured image on posts pages

  • This topic has 7 replies, 2 voices, and was last updated 7 years ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #293802
    Helen

    Hi there,
    Can you advise how I might add some spacing below the nav bar and above the content on my blog page please?

    I’ve added a 10-px spacer with Elementor under the nav bar on all the pages on http://ichp-hypnotherapy.com except the home page, for example on http://ichp-hypnotherapy.com/services/, and I’d like the blog page to look the same.

    But I can’t see how to do that on the blog page http://ichp-hypnotherapy.com/blog/.

    Also, I had used featured image on the blog posts and the image showed up in the list of posts on the blog page. To work around the spacing issue I deleted the featured image and placed an image with Elementor in the post instead. This shows up fine on the individual post but now does not show on the blog page.

    To illustrate – I did this with the post http://ichp-hypnotherapy.com/christmas-cpd-and-agm-event-10th-december-2016/ and whilst the image shows up on the post, now its image has disappeared from http://ichp-hypnotherapy.com/blog/.

    Any ideas gratefully received.
    Many thanks,
    Helen

    #293815
    Leo
    Staff
    Customer Support

    Hi Helen,

    Try this CSS:

    .blog .main-navigation {
        margin-bottom: 10px;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Then this should solve the second part of the question?

    Let me know.

    #293960
    Helen

    Hi Leo,
    Thanks for your reply. I installed simple css and added

    .blog .main-navigation {
    margin-bottom: 10px;
    }

    into the simple css box at the bottom of the blog page editor.

    Unfortunately nothing has changed, no 10px space under the navigation bar on http://ichp-hypnotherapy.com/blog/ or on the posts eg http://ichp-hypnotherapy.com/cpd-event-report-four-speakers-5-11-16/.

    Would you have any other ideas please?
    Thanks for taking the time,
    Helen

    #294039
    Leo
    Staff
    Customer Support

    Hi Helen,

    WordPress ignores all metaboxes on index pages (blog, archive etc).

    Therefore can you try adding the code to the Simple CSS editor? (Dashboard > Appearance > Simple CSS)

    Also if you want the margin on both blog page and single post pages then use this CSS instead:

    .blog .main-navigation
    .single .main-navigation {
        margin-bottom: 10px;
    }

    Let me know.

    #294424
    Helen

    Hi Leo,
    Many thanks for your reply. I added the code you gave

    .blog .main-navigation
    .single .main-navigation {
    margin-bottom: 10px;
    }

    into the simple css editor and saved it.

    But still no change to the position of the items on the page I’m afraid. On both the blog page and single posts the content is still right up against the navbar.

    I remember a conversation somewhere about putting an “important” command into css to get it to override the hierarchy, but can’t remember how to do it, would that be of any benefit here?

    Many thanks for taking the time with this.
    Kind regards,
    Helen

    #294425
    Leo
    Staff
    Customer Support

    Hmm I don’t see the code being added.

    Can you try clearing WP Super Cache?

    Let me know.

    #294888
    Helen

    No luck I’m afraid after clearing the cache.

    So then I installed the microthemer plugin and managed to get a top margin on the featured images on the single posts, but I had to do every post, luckily there’s only a few.

    However I couldn’t get microthemer to target the main blog page, it kept going to the individual posts.

    So then I thought how about adding a 30px margin below the main navbar which should show up on every page. That worked, although I now have the margin under the navbar on the front page which I didn’t really want, but it’s not a major issue, so I guess that’s an acceptable workaround.

    If possible, could you tell me into which file and exactly where the code you gave me should go and I can try adding it with the wp code editor?
    Many thanks,
    Helen

    #295008
    Leo
    Staff
    Customer Support

    Hi Helen,

    Let’s not give up on Simple CSS yet. The CSS should work, we just need to find the reason why it’s not showing up.

    Do you have other code in the Simple CSS editor?

    You can also try adding this CSS into Additional CSS: https://docs.generatepress.com/article/adding-css/#additional-css

    Please disable microthemer for now so we can see what’s going on. Thanks!

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