Docs

[Sarah P]

Hi X-Team,

thank you very much for your help every time 🙂

I want to add a header image on the blog-page.

There are some similar topics on this forum. But my problem is that the header image has to be before the bread crumbs.

Here I add some pictures.

1. It has to be like this. a header image with 100% width.
2. the header image with css (.x-header-landmark) : with green background-color

How can I add the image easily?

Thank you 🙂

Sarah

[Rupok]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[Sarah P]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global jQuery :

jQuery("<div style='background-color:#00ff00;background-image:url(http://ixpo.rrbn.de/wp-content/uploads/ixpo_services_messebau.jpg);height:200px;'></div>").insertBefore(".blog header.x-header-landmark.x-container.max.width");

Hope that helps.

[Sarah P]

Hi thanks for reply 🙂

What can I do when I want to use another image for other category?

Blog: Image 1
Category 1: Image 2
Category 2: Image 3

…

[Sarah P]

I did it 🙂

jQuery(“<div style=’background-image:url();background-repeat:no-repeat’><div class=’x-container max width wpb_row’><h5 style=’color:#fff;’>Blog</h5></div></div>”).insertBefore(“.category-blog header .x-breadcrumb-wrap”);
jQuery(“<div style=’background-image:url();background-repeat:no-repeat’><div class=’x-container max width wpb_row’><h5 style=’color:#fff;’>Pressemitteilungen</h5></div></div>”).insertBefore(“.category-pressemitteilungen header .x-breadcrumb-wrap”);

THANKS 😀

[Rahul]

Glad you’ve solved it for yourself!

Let us know if we can help with anything else.

Thanks!

[Author]

Posts