Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 4, 2016 at 2:21 pm #642932
    Wils1234

    Hi Support,

    I have uploaded a header to general stying.

    However, is it possible to have a different header on the home page. What CSS would I use?

    Thanks in advance,
    Paul

    June 4, 2016 at 9:14 pm #643010
    Basilis

    Hi Wils1234!
    You have to add a css replacment, to header.php file and us an if statment, so it is visible only on homepage

    if ( is_home() ) { ?>
    <style>
    your css
    </style>
    <?php } ?>

    Please do let us know if we can do anything else for you

    Cheers!
    Basilis

    June 5, 2016 at 10:04 am #643106
    Wils1234

    Hi Basilis,

    Please could you tell what CSS I need to put there…

    Thanks in advance.

    Paul

    June 6, 2016 at 7:21 am #643317
    Jordan

    Hi Paul,

    Thanks for getting back to us!

    You need to have a CSS class or id for the header that will only show on the homepage, and the CSS should look similar to this:

    .yourclass {
display: block;
}

    Let me know if you need further assistance.

    Best regards,
    Jordan

    June 8, 2016 at 1:36 pm #644813
    Wils1234

    Hi Jordan,

    I have placed this code in the header.php with the url to the image but it does not show.

    Is there anything else I need to do?

    Thanks in advance,
    Paul

    if ( is_home() ) { ?>
    <style>
    .yourclass {
    display: block;
    content:url(http://);
    }
    </style>
    <?php } ?>

    June 9, 2016 at 12:33 pm #645400
    Ismael

    Hi,

    Please remove the modification. You can do something like this:

    .home .header_color .header_bg {
    background: #ffffff url(IMAGE URL HERE) top center repeat scroll;
}

    Adjust the image url.

    Best regards,
    Ismael

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