the distance to the header text in blog site to much

  • Author
    Posts
  • #161535

    bonnbloger
    Member
    Original poster

    Hello Sakin,
    My theme options are Site Layout Boxed and Menu Style Compact.

    If I switch from the home page to the posts page (the blog) via the menu, then I have no header image. But a huge white area. Can I at least reduce the distance to the header text?

    Via “read more” to the blog post, the distance to the header text is much better, so less.

    kind regards
    Harry

    The blog I need help with is: bonnerfotoblog.com

    #161577

    sakinshrestha
    Theme Author

    Hello Harry,

    I am not so sure what do you mean here. Can you send me a screenshot of the issue and the exact URL of the page so that I can send you Custom CSS to reduce the space.

    Are you talking about your blog page https://bonnerfotoblog.com/start-home/foto-blog/ where you want to reduce the space between your header and the text “Foto-Blog”, then you can reduce the padding-top in the following CSS and add it in Custom CSS:

    .archive-heading-wrapper { padding-top: 40px; }

    Regards,
    Sakin

    #161593

    bonnbloger
    Member
    Original poster

    Hello Sakin,

    thank you very much!

    Yes this is the site:

    https://bonnerfotoblog.com/start-home/foto-blog/

    .archive-heading-wrapper { padding-top: 1px; }

    I thought I could reduce the spacing even more, with (display: none;):

    .singular-content-wrap .entry-title, .singular-content-wrap .page-title, .archive-heading-wrapper .page-title {
    margin-top: 0;
    margin-bottom: 16px;
    display: none;
    }
    .icon-square {
    width: 33px;
    fill: #ccc;
    fill-rule: evenodd;
    height: 33px;
    display: none;
    }

    no longer visible but the spacing does not get smaller. Spacing like here I thought:

    https://bonnerfotoblog.com/2021/02/11/bonn-die-schoene-lage/

    kind regards
    Harry

    PS. You are invited :-)

    #161595

    sakinshrestha
    Theme Author

    If you don’t need the archive heading then you can simply remove the previous CSS that I gave you and add the following instead which will remove the space top on the blog https://bonnerfotoblog.com/start-home/foto-blog/

    .archive-heading-wrapper {
        display: none;
    }
    #161606

    bonnbloger
    Member
    Original poster

    Hello Sakin,
    it looks good like this! Thank you very much, just did not find the code place alone.

    Best regards
    Harry

    #161631

    sakinshrestha
    Theme Author

    Hi Harry, good to see it work.

The topic ‘the distance to the header text in blog site to much’ is closed to new replies.