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
  • December 16, 2019 at 3:26 pm #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

    December 16, 2019 at 3:27 pm #111718
    Mumbi Odame
    Participant

    My sites http://www.motivationbydesign.co.za

    December 16, 2019 at 11:34 pm #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.

    December 17, 2019 at 2:09 am #111807
    Mumbi Odame
    Participant

    Thanks it helped.

    December 17, 2019 at 4:03 am #111922
    wensolutions
    Keymaster

    Hello,

    Glad that we could help you.

    If you have any queries further, let us know.

    Thank you.

    March 14, 2020 at 11:32 pm #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

    March 16, 2020 at 2:47 am #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.

    April 9, 2020 at 6:52 pm #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

    April 10, 2020 at 1:48 am #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.

    April 12, 2020 at 9:30 pm #120755
    andersjohan96
    Participant

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

    April 14, 2020 at 1:20 am #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.

    April 17, 2020 at 1:05 am #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!

    April 20, 2020 at 5:15 am #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.

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