Header background image not appearing?

Dear Xtheme Support,

Sorry to keep bothering you, with basic errors, but I am struggling to add background image to header of my website (using Auto demo content download - Integrity theme). Website url: http://www.itechautos.com/

the custom CSS I am using is pasted below, the code adds background to footer fine, but image does not appear in the header, can you offer any advice.

many thanks

Ashley

.x-colophon.top {
background-image: url(‘http://www.itechautos.com/wp-content/uploads/2017/10/Seamless-Carbon-Fiber.jpg’);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}

/* for top banner background image */

.x-logobar-inner {
background: url(‘http://www.itechautos.com/wp-content/uploads/2017/10/Seamless-Carbon-Fiber.jpg’) no-repeat center top;
}

.x-logobar {
background-image: url(‘http://www.itechautos.com/wp-content/uploads/2017/10/Seamless-Carbon-Fiber.jpg’);
}

Hi there,

Please try this for the header background:

.x-navbar-inner {
    background: url('http://www.itechautos.com/wp-content/uploads/2017/10/Seamless-Carbon-Fiber.jpg') no-repeat center top;
}

Hope this helps.

Hello Jade,

worked perfectly and quick reply, many thanks.

Your profile pic making me want to go on holiday to Thailand - rather than stuck in London working.

have a good day.

You’re welcome, Ashley.

Thailand is definitely a good place for a holiday. :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.