remove header image from static front page

  • Resolved apernia

    (@apernia)


    10 years, 2 months ago

    Hi I built my portfolio site using espied theme. I use custom header image in all pages, I want to create a welcome page (static front page) but I want to remove header image and page title. Is that possible?
    Thank you in advance.

    https://www.designaddict.gr

Viewing 5 replies - 1 through 5 (of 5 total)

  • You can remove the header image with the help of some custom CSS style. If you want that header image be removed only on one specific page, we can achieve this by using a CSS class that is appended to <body> on that specific page. Currently it is page-id-106. You can view this if you open developer tools in Chrome or another browser and look at the <body> classes.

    Now, add this custom css:

    .page-id-106 .header-image {
   display: none;
}

    If you don’t know where to put it, download Simple Custom CSS plugin. then go to Admin Dashboard -> Appearance -> Custom CSS and paste that CSS there.

    Thread Starter apernia

    (@apernia)

    Hi Rastislav I did the above and it worked fine, thank you ??
    My original intention was to remove header from the front page and set a page background or a full image as a front page. So I did and the problem that occurs is the blank header space above my background on the front page. Is there a way to eliminate ex-header’s space?

    Thank you in advance.

    Yes, we can basically hide other stuff too ?? Try adding the following CSS style:

    .page-id-106 #primary {
    display: none;
}

    You can use browser’s Developer Tools to inspect your website’s HTML code and grab the CSS selectors (such as .page-id-106, .header-image or others) and use them in your CSS. Don’t forget to include the .page-id-106 before them if you want to apply those styles only on your specific page.

    Thread Starter apernia

    (@apernia)

    thank you so much this works fine! happy 2015!

    I’m happy I could help you. Healthy and happy 2015 ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘remove header image from static front page’ is closed to new replies.