Background image for bar

Support
#1

I created a second bar on my homepage and I want to have an image as the background instead of solid colour. How can I do it?

#2

Hey Grace,

Firstly, please make sure you have the Advanced Mode option on. Please click on the cog icon on the settings area then enable the Advanced Mode option.

After that, click on the bar settings then enable the Advanced setting of the background option:

Once the advanced setting is on, you should be able to set an upper and lower background setting. Just select the image icon and you should be able to set an image as the bar’s background:

Hope this helps.

#3

Yes, that helps. Thank you.

#4

You’re most welcome, Grace.

#5

One more question, is there a setting where I can opaque the background image?

#6

Hello Grace,

You can add this code to the Element CSS of the section settings:

$el .x-bg {
    opacity: 0.5;
}

Hope this helps.

#7

great, thank you.

#8

You are most welcome. :slight_smile:

#9

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