rollover blank must goes to black

dieudonne · Apr 4, 2018

Hello,

in the folio layout, on the rollover, the image goes to blank, but the title are blank too.
So it is not really lisible (see my screenshot for morte understanding).

How can we fix this problem by changing blank to black ?

Thank you.
Regard.

teitbite · Apr 4, 2018

dieudonne Hi. Please add this ti css:

.gk-is-wrapper-gk-photo figcaption a:hover, .portfolio.blog-grid .gk-overlay > strong, p.num-2 span {

    color: #222 !important;
    border-color: #222 !important;

}

dieudonne · Apr 4, 2018

Hello,

thank for your help.

I copy/taste the code, empty the cache, and refresh the page. But nothing change...
Strange isn't it ?

If you have a other idea...?

Thank you.
Regard.

paulus1031 · Apr 4, 2018

Hi

I'm spent quite a bit of time looking at this and so far I have

.category-13 .blog-grid .item-info {z-index:1000;}

This puts the info on top of the overlay however it does reduce the clickable area

An alternate might be change the white text to an alternate colour perhaps even when not hovering over the item?

Cheers
Paul

dieudonne · Apr 15, 2018

teitbite gk-is-wrapper-gk-photo figcaption a:hover, .portfolio.blog-grid .gk-overlay > strong, p.num-2 span {
color: #222 !important;
border-color: #222 !important;
}

I tried again, and searched others ways to do this.
Can find anything...

Can you help please ?

Regard.

dieudonne · Apr 15, 2018

Found, it is better with this:

.portfolio .item-image-block:hover .gk-overlay {
    opacity: 0.2;
}

.portfolio .gk-overlay {
    background: #222;
}

dieudonne · Apr 15, 2018

By the way, I can't remove the avatar on blog image.

I tried:

.blog-grid .item-info a > img {
    display: none !important;
}

But the avatar is still there, but invisible...so you can click on it...

How can we remove it totally ?

Thank you.

Regard.

saguaros · Apr 16, 2018

dieudonne

You can try with this:

.blog-grid .item-info > span.author > a.url.fn.n {
    display: none;
}

Regards