Home Forums Free Themes Blog Diary How do I remove the big image section after the header

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #111717
    Mumbi Odame
    Participant

    Below the menu I have a big space which on your page is linked to a post. It inherits the header image and there is nothing else I can do. Please help

    #111718
    Mumbi Odame
    Participant
    #111730
    wensolutions
    Keymaster

    Hello,

    Regarding the issue, to remove the big image section after the header, you have to add the CSS following the path Appearance > Customize > Additional CSS

    div#page-site-header {
        display: none;
    }

    Hope this helps.

    If you have further query, let us know.

    Thank you.

    #111807
    Mumbi Odame
    Participant

    Thanks it helped.

    #111922
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

    If you have any queries further, let us know.

    Thank you.

    #118446
    cctvishere
    Participant

    is there any option or button in theme to do that or we should use just Additional CSS?

    if you hide it by CSS, it will also hide featured images in single post pages

    • This reply was modified 2 months, 3 weeks ago by cctvishere.
    #118501
    wensolutions
    Keymaster

    Hello @JAVADTH,

    Please explain your query clearly so that we can provide you with the precise fix.

    Also, please send us your site URL.

    Regards.

    #120544
    greggno
    Participant

    CSS fix worked to remove big image, but also removes post title from single post pages.
    Can someone help with CSS code to replace just the title?
    Thank in advance,
    G

    #120594
    wensolutions
    Keymaster

    Hello @GREGGNO,

    Please provide us your site URL with specific screenshots about your query clearly so that we can provide you with the precise fix.

    Thank you.

    #120755
    andersjohan96
    Participant

    I have tried this as well, but seems to have skewed my page a bit?

    #120835
    wensolutions
    Keymaster

    Hello @ANDERSJOHAN96,

    First of all, please explain your query in detail with the screenshots as well

    Also, please provide us with your site URL so that we can help you with a precise fix.

    Thank you.

    #121069
    greggno
    Participant

    Hello,

    Apologies for my half-baked question before. Let me be more clear about what I’m after.
    First of all, my site is: https://www.stumblingoverstardust.com/

    The post title block was taking up too much room for my tastes:
    http://www.stumblingoverstardust.com/wp-content/uploads/2020/04/WPdontwant.jpg

    So I removed it by additional css recommended above:
    div#page-site-header {
    display: none;
    }

    That solved the space issue, only now, my individual post pages don’t show a title at all.

    What I’m after is something simple like this:
    http://www.stumblingoverstardust.com/wp-content/uploads/2020/04/WPwant.jpg

    I was able to get that by manually placing a centered H3 heading on the post page,
    the problem with that is the heading is then repeated on the the blog front page:
    http://www.stumblingoverstardust.com/wp-content/uploads/2020/04/WPdontwanteither.jpg

    Could you help me code that into additional css so I don’t get the repeat issue?

    Thanks in advance for your guidance. Otherwise, the theme is just what I need!

    #121316
    wensolutions
    Keymaster

    Hello,

    If you are willing to show title as well as breadcrumb and want to remove big image then please add following given CSS code in additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS

    div#page-site-header{
          background-color: transparent;
          padding: 0px;
          background-image: none !important;
    }
    
    .overlay{
        display: none;
    }
    
    #page-site-header .page-title {
      color: #21536e;
    }
    
    .trail-items li a{
      color: #21536e;
    }
    
    .trail-items li{
      color: #21536e;
    }
    
    .trail-items li:not(:last-child):after{
      color: #21536e;
    }

    Please remove the CSS you have added earlier(mentioned above).

    Also, you can replace color code (#21536e) with desired color code.

    Hope this helps.

    If you have any queries further, let us know.

    Thank you.

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