slider nav missing and blog hover image missing. full demo imported.

[kokocouture]

hi

We had imported some infomation and created the front page and some blogs but found the problem 1: the front page slider nav is not in the right position and not showing as well. We trying to download from rev-slider and every new theme is missing nav and not in the right position.

The second problem is blog masonry mode when hover on the image the image not zoom in. I tried the different settings and imported full demo. still the same. please check the website footer link “blog”.

This is not our domain and everything on here is just for you to provide the support so it’s a little mess but do shows the problem clearly.

Thanks very much for your time. Generally, Neighborhood is a very great theme all in all

dave

[David Martin – Support]

1) Can you screenshot what you refer to? Do you mean the left/right slider nav arrows?

2) Link me to your blog page, the menu link goes to a 404.

[kokocouture]

hi

Sorry about that, the blog link is at the footer. If you need admin and pass please check my first support form title. thanks
for slider: http://kokocoutureus.com/
for blog: http://kokocoutureus.com/?page_id=24823

OK. there are three pics I uploaded, the first two is about missing nav arrow left and right and not in the correct position. The third pic is about the blog feature pic hovered but not zooming in. I tried many setting and I also import your demo to compare and adjust the setting.

Thanks.

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

1) Please add this to Theme Options => Custom CSS:

.rev_slider_wrapper .tp-leftarrow, .rev_slider_wrapper .tp-leftarrow.large, .rev_slider_wrapper .tp-leftarrow.square, .rev_slider_wrapper .tp-leftarrow.round, .rev_slider_wrapper .tp-leftarrow.default {
  left: 40px!important;
  opacity: 1;
}
.rev_slider_wrapper .tp-rightarrow, .rev_slider_wrapper .tp-rightarrow.large, .rev_slider_wrapper .tp-rightarrow.square, .rev_slider_wrapper .tp-rightarrow.round, .rev_slider_wrapper .tp-rightarrow.default {
  right: 0px!important;
  opacity: 1;
}

2) The image zoom is working fine on hover, you just have an overlay color with no opacity set so you cannot see the image that well, reduce the opacity here: Theme Options => General Options => Thumbnail Options => Hover Overlay Opacity

[kokocouture]

This reply has been marked as private.

[David Martin – Support]

Hi,

1) The arrows seem to be ok for me?

2) Please add this to Theme Options => Custom CSS:

figure .overlay {
    background-color: transparent!important;
}

[kokocouture]

hi

for number 2. thanks for the advice for the second. I solved by use
figure .overlay {
z-index: 0;
}
Thanks for point out the figure .overlay is the mistake happened. number 2 has solved.

For the first one it actually not the nav style that I chose, but it’s ok to not show content: ‘\e824’;” content: ‘\e825’. because as long as the default image shows, I could change the nav image to a different one. all in all, ALL SOLVED. THANKS! DAVID

[Rui Guerreiro – SUPPORT]

Great one. Thanks David.

-Rui