[Aurora GraceParticipant]

I would like to use a subtle pattern or picture as the background to my header, navbar, footer and, if possible, the sidebar instead of it being plain white. I assume I have to add some css to the custom box in the customizer but I have no clue how to write css.

Thank you!

Aurora

[SupportMember]

Hi Aurora,

Below are the example codes which can be used to set background images

Topbar

div.xtopbar{background:url('put url of image here');}

Navbar

div.xnavbar{background:url('put url of image here');}

Footer

.x-colophon.bottom{background:url('put url of image here');}

Sidebar

.x-sidebar{background:url('put url of image here');}

Hope it helps.

Thanks

[mohammed nParticipant]

Where should these be placed?

[RadModerator]

Hi Mohamme and Aurora,

You can copy the code above and add them at admin > customizer > custom css.

Or optional, you can use this. Both should work.

.x-topbar{background:url(http://path/to/image) center; background-size:100% auto;}
.x-navbar{background:url(http://path/to/image); background-size:100% auto;}
.x-colophon.bottom{background:url(http://path/to/image); background-size:100% auto;}
.x-colophon.top{background:url(http://path/to/image); background-size:100% auto;}
.x-sidebar{background:url(http://path/to/image); background-size:100% auto;}

Hope this helps.

[fullframenwParticipant]

How can I combine the color of my section PLUS a transparent texture? It appears in Cornerstone that I can only choose color, or image (in this case it’s my transparent texture)

[Rue NelModerator]

Hello There,

Thanks for updating this thread! Regretfully, you can only select one option in the section setting. The best thing we could recommend is to insert your background pattern and insert an inline css background-color: {your-color}; in the style field within the section settings.

Hope this helps. Kindly let us know.

[MJR90Participant]

How can I make it so the logobar on PC has this image, but when on mobile that background doesn’t extend down onto the navigation menu?

[ChristianModerator]

That would require custom media queries. Regretfully, that would be custom development which we do not have support for.

Thank you for understanding.

[Author]

Posts