[Invisible Cat]

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! 🙂

[Mahesh]

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

[Invisible Cat]

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. 🙂 🙂

[Mahesh]

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

[Author]

Posts