Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #81236
    Invisible Cat
    Participant

    Hello,
    I’d like to have a custom image fill the space in the header right behind the title text. I know there is an option to upload ‘header image’. But that just creates more header space and that is not what I want. I want the header image right behind the title text. Not as a full background image of the whole page. Just in the header bar. I would really appreciate some custom css for this! 🙂

    #81240
    Mahesh
    Keymaster

    Hi @Invisible Cat,

    I assume this is your site: http://www.myinnerfire.net/

    Add the following Custom CSS in “Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS” box:

    #masthead {
        background-image: url("http://i2.wp.com/www.myinnerfire.net/wp-content/uploads/2015/12/icy_blue_eye_by_oh_jellybeanz-d41gquq.png?resize=780%2C439");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    Note: Please replace http://i2.wp.com/www.myinnerfire.net/wp-content/uploads/2015/12/icy_blue_eye_by_oh_jellybeanz-d41gquq.png?resize=780%2C439 in the above code with your desired image url.

    Regards,
    Mahesh

    #81273
    Invisible Cat
    Participant

    Thank you Mahesh!

    Yes that is my website and I am very pleased about the responsiveness of the header image even on large screens. I like how the width of the image covers the screen no matter what size. 🙂 🙂

    #81276
    Mahesh
    Keymaster

    Hi @Invisible Cat,

    Thanks and if you like my support and Gridalicious theme then please support by providing your valuable review and rating at https://wordpress.org/support/view/theme-reviews/gridalicious?rate=5#postform

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Photo in header behind title?’ is closed to new replies.