Header Image Slider

Travelify
1

Does anyone know how to make header image as a slider without using the featured image function?

Thanks in advance

Ron

2

Hi Ron,

I hope you are well today and thank you for your question.

I am not sure what you meant by using header image as a slider so could you please describe it a bit more in detail?

Kind Regards,
Movin

3

Hello Movin

Thanks for your message.

What I mean is, where I have the slider images, I would like to display them as a slider so that they automatically keep on rotating. However I would only like this for the homepage.

Alternatively, when I add a gallery to my home page and use the slideshow option, there’s a black background appearing. I would like it to be transparent. In this case, I would not like header images on my home page but in my other pages.

Are any of the two options are solvable?

Regards,

Ron
www.theronakshah.com

4
What I mean is, where I have the slider images, I would like to display them as a slider so that they automatically keep on rotating. However I would only like this for the homepage.

The slider images display automatically rotating in the slider on homepage. Is this not happening on your site?

Alternatively, when I add a gallery to my home page and use the slideshow option, there’s a black background appearing. I would like it to be transparent. In this case, I would not like header images on my home page but in my other pages.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Travelify Other Options


body.home .slideshow-window {
    background-color: transparent;
    border-color: transparent;
}
body.home img.header-image {
    display: none;
}
5

Hello Movin

Thanks for your help on option 2. It works, however it doesn’t cover the whole of the content box but just part of it. How do I make it to fit the whole of the content box or what size of pictures should I be using to achieve this?

Regarding option 1, the slider image rotates at random pictures instead of rotating like a slideshow.

Thanks

Ron
www.theronakshah.com

6
Thanks for your help on option 2. It works, however it doesn’t cover the whole of the content box but just part of it. How do I make it to fit the whole of the content box or what size of pictures should I be using to achieve this?

Try using the below CSS code to achieve this.

body.home div.slideshow-window img {
    width: 100%;
}
body.home #content .entry-content {
    padding: 0;
}
body.home #main .slideshow-window {
    border: 0;
}
body.home #content article {
    background: #fff;
    box-shadow: none;
}
Regarding option 1, the slider image rotates at random pictures instead of rotating like a slideshow.

No it displays images from latest slider posts to oldest.

7

Hi Movin

Thanks for your help. That works great!

I have got another query.

When I want to share the website home page on Facebook it’s showing as “About Me” on the name but it opens as the home page. Any idea how to change this?

Please see attached.

Regards,

Ron
www.theronakshah.com

8

You are most welcome here :slight_smile:

When I want to share the website home page on Facebook it’s showing as “About Me” on the name but it opens as the home page. Any idea how to change this?

It was facebook cache issue which i cleared from the following page therefore it is working fine now.

9

Thanks very much. It now works!

10

You are always welcome here :slight_smile:

11

Thanks :slight_smile:

Movin, I am trying to hide the display of the page name but couldn’t figure this out. So for the home page I would not like it to show “Home”.

Another question, is it possible top show the slide show in the background and have no content at all and the title & navigation bars are kind of transparent?

Regards,

Ronak

12

@rondo89 To help us keep support thread separates could you please create new thread for your other questions here https://colorlibsupport.com/c/travelify-support/ instead of asking them in your single thread as it makes the thread messy and hard to read.

If you want to you can also add reference of this thread in your newly created thread.

We would be more than happy to help you on your new thread.

13

No problem.

I have created a new thread.

Should I close this one?

Regards,

Ronak

14

Thank you…!!!

You can mark this as resolved.