Using images instead of color for sidebars, headers and content

lonoil

Hi there!

I'm quite new to designing websites and would like to know whether it's possible to use an image file (repeating with some sort of pattern) instead of simple colors as texture for areas like the sidebars, header and content - and if you could perhaps assist me with some snippets of code to do so if that's required. :)

Many thanks!

David

Phil

Hello,

1) To use an image for the Header, please, go to Betheme -> Theme options -> Header & Subheader -> Header.

2) You can put an image behind the content, but it depends on which builder you are using and where you want to display it. For example in the Muffin Builder, if you want to put an image as a section background, you need to open the section options.

If you are using Elementor, check the following link:

[Links visible only for registered users]

And this one if you are using WPBakery:

[Links visible only for registered users]

3) To set it for the sidebar, you will have to use the following CSS code:

.mcb-sidebar::before{
   background-image: url()!important;
}

Put it in Betheme -> Theme options -> Custom CSS & JS -> CSS.

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next