[Matthew]

Hi there,

I have my rough template working for my website and the Image slider is working. However, when the main image is displayed, the smaller thumbnail image disappears and it is completely white. Once the slider moves onto the next image, it reappears and the new image thumbnail disappears. How do I go about solving this?

[Mahesh]

@mj0541: Its to highlight which image is displaying currently. Its how it is designed. If you want to remove it anyway, go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS box and add the following CSS:

#per-slide-template .cycle-pager-active::after {
    background-color: transparent;
}

If you want to keep the text color white, add the following CSS:

#per-slide-template .cycle-pager-active h2, 
#per-slide-template .cycle-pager-active {
    color: #fff;
}

Regards,
Mahesh

[Matthew]

Ok,

Awesome. I thought it was something I had done by mistake. If I wanted to change the colour so that it was the same Blue I’m am using for the breadcrumb text, how do I do that?

All the best

[Matthew]

Actually, scratch that. Looks good with that coding. Thanks a lot Mahesh. Thats great!

[Mahesh]

@mj0541: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts