Docs

[ncdunn88]

Hey Team,

Need to work out how to overlay an image as a background for the site but have it appear at the top of all other elements.

Can you please help?

I’ve attached an image for your reference.

[ncdunn88]

This reply has been marked as private.

[Joao]

Hi There,

Use your image as a label for a menu link. Go to Appereance > Menus > Addo Custom link, link it to your home page, and as a label add : <img src="//untildawnevents.com/wp-content/uploads/2016/08/top-black-actual.png" alt="A new dawn brings new life">

Than this menu link later one we will hide on mobile devices.

I believe you will get better results if you have your header inline instead of stacked, we will hide your logo image before it breaks to a mobile button navigation, by adding :

@media(min-width: 979px) {
.x-brand img {
display: none;
} }

After you have followed these steps, contact us so we can help you with the next adjustments.

Thanks,

Joao

[ncdunn88]

Hey Joao,

Thanks for that but I was more referring to the leafy overlay down the bottom. I’ve attached just that image for your reference

[ncdunn88]

UPload

[Joao]

Hi there,

There is a few ways to achieve that?

Have you considered using Revolution Slider?

You also could use one image on the bacckground of the section and other image on top.

Let us know your thoughts,

Joao

[ncdunn88]

Yes, not looking to use Rev slider.

I’m wanting to overlay the image over the top Joao.

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[ncdunn88]

Could this not be achieved with CSS?

[Christopher]

Hi there,

No, I’m sorry but it’s not achievable with CSS codes. It requires custom development which is outside the scope of our support.

Thanks.

[Author]

Posts