[Nabeel AModerator]

Hi again,

You can add the background image instead on archive pages, try adding the following code in your Customizer:

.archive .x-navbar {
    background-image: url(http://placehold.it/120x120);
}

Just change the image URL with your image. Hope this helps!

[GiobarthParticipant]

It works! But…
1) How can I set up the height of the picture exactly the same height of the sliders on first pages, so the design can be the same in all pages.
2) And how can I set up a different picture for each archive pages I have: “MENSAGENS”, “EVENTOS”and “BLOG”.
Thanks!

[JoaoModerator]

Hi There,

1) You can add more padding to the section

2) Please add the following code to Appereance > Customizer > Custom > CSS and change the image according to your wishes.

.archive.category-mensagens .x-navbar {
    background-image: url(http://placehold.it/120x120);
}

.archive.category-eventos .x-navbar {
    background-image: url(http://placehold.it/120x120);
}

.blog.x-navbar {
    background-image: url(http://placehold.it/120x120);
}

Hope it helps

Joao

[GiobarthParticipant]

Hi, Joao! The code worked to category MENSAGENS and for the cetegory EVENTOS but didn’t work for the tab BLOG.. I can’t figure out why…:( Also the height of the background images when I added padding shortcodes didn’t work also.. Please, help!

[JadeModerator]

Hi there,

Please try this code for the blog page:

.category-noticias .x-navbar {
     background-image: url(http://placehold.it/120x120);
}

Hope this helps.

[GiobarthParticipant]

Perfect, Jade. Many thanks!

To finish this topic how can I have the height of the background pictures the same height I can see on my slider revolution applied in the other pages, so the site have the same height backgrounds in all pages, like this site here: http://www.elreyjesus.org/

[JadeModerator]

Hi Gio,

You can add a height value for in the CSS rules like this:

.archive.category-mensagens .x-navbar {
    background-image: url(http://placehold.it/120x120);
    height: 300px;
}

.archive.category-eventos .x-navbar {
    background-image: url(http://placehold.it/120x120);
    height: 300px;
}

.category-noticias .x-navbar {
    background-image: url(http://placehold.it/120x120);
    height: 300px;
}   

Hope this helps.

[GiobarthParticipant]

Hi Jade, it helps a lot! Many, many thanks, you are awesome! Hope in a near future we can have more flexibility to use the Slider Revolution with archive pages! Best wishes, Gio.

[JoaoModerator]

I am glad we managed to help and thanks for your feedback have a great day.

Joao

[Author]

Posts