[Rich]

How or where in the stylesheet can I add a background image to the contact info bar?

[Theme Horse Support Team]

Hi Rich,
go to dashboard -> appearance -> theme options -> design options -> color options -> top info bar
From here you can change the color of info bar.
Thank you!

[Rich]

So I don’t think you read my question. Is it possible to add a background image instead of a solid color on the top info bar? Where in the stylesheet can I add and can you provide the line of code? Thanks.

Rich

[Theme Horse Support Team]

Hi Rich,

Sorry for misunderstanding. So you need to add the background-image for contact info bar. Go to Appearance -> Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save all changes button:

For top info bar only paste below code

#branding .info-bar {
    background-image: url("YOUR-IMAGE-LINK");
    background-position: center center;
    background-size: cover;
}

For footer info bar paste below code

#colophon .info-bar {
    background-image: url("YOUR-IMAGE-LINK");
    background-position: center center;
    background-size: cover;
}

For both top and footer info bar paste below code

.info-bar {
    background-image: url("YOUR-IMAGE-LINK");
    background-position: center center;
    background-size: cover;
}

Note: Replace above image link YOUR-IMAGE-LINK to your own image link.

Thank you!

[Author]

Posts