Image Hover Portfolio

[E_K]

Hello,

I just have seen this website which has been created by Dante.

http://www.madfactorystudio.com/#services

Just wondering how to

1) put title and some words on hover (Manually or with css?)
2) adjust colours on the left and right on hover (As they have two parts)
3) adjust opacity
4) remove or change icon on top of the hover

Thanks in advance.

[E_K]

Ok I found the way put text and title: Gallery.

Question 1 is solved.

Need to align hover as a center otherwise looks like

[Swift Ideas – Ed]

Drop us a link to your site, we’ll see what we can do to help.

– Ed

[E_K]

This reply has been marked as private.

[Kyle – SUPPORT]

Hi

Add this to your custom css:

figure.animated-overlay:hover figcaption {
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}
figure.animated-overlay figcaption {
  background-color: #393482;
}

To adjust the opacity, go to Theme Options > General and you will see ‘Hover Overlay Opacity’

– Kyle

[E_K]

Hi Kyle,

Thank you for your reply.

I have written the code that you have provided.

Only problem is it becomes the way I wanted but after adjusting opacity from panel it becomes again the original version. And it continues in this circle.

Can I adjust opacity manually from css?

I think there is overwriting in somewhere.

P.S: I changed your blueish colour to white.

Thanks

[Kyle – SUPPORT]

Replace this:

figure.animated-overlay figcaption {
  background-color: #FFFFFF;
}

with this:

figure.animated-overlay figcaption {
  background-color: rgba(255,255,255,0.5);
}

– Kyle

[E_K]

Hi Kyle,

Thanks.

It happens again. Even I change something from theme options it automatically reset itself.

[Swift Ideas – Ed]

Hi E_K,

Not sure what you mean by it resets itself? The theme options?

– Ed

[E_K]

Solved.

Thanks.

Will let you know if there is a issue.

[Kyle – SUPPORT]

Ok great

– Kyle