"hover box" image in vc is cropped

Hey, love your theme!
However I have a small problem. I tried to use the “hover box” image function in visual composer, but the image gets cropped in height. So I would like to show the image in his real proportions.

THX!

Attachments:

You must be logged in to view attached files.

Hello,

Please, provide us a link where we can see this problem on your website.

Thank you

Hello, thank you for your fast reply.

Unfortunately, Visual Composer hover box element doesn’t take the height of the image as its own height and that is why the image seems to be resized. We can’t fix it since it is not a bug but it is how the element works.

Isnt there a css code that I can do?

Or i tried to add an backround-overlay by hovering over the image. But the background color is getting ignored. Could you help me maybe with that? 🙂

You can use the following CSS code to increase its height

.vc-hoverbox-inner {
    min-height:350px!important;
}

I tried this out by nothing changed. 🙁

Could you tell me why i cant add a background overlay by hovering over a image?

We don’t see this code added to your website so can’t check why it doesn’t work.

Can you please provide a screenshot with background overlay so we can understand what do you mean?

I added a class called presse to the image in vc.

sorry the image wasnt uploaded before.

Attachments:

You must be logged in to view attached files.

here is in example what i am trying to do: https://demo.xtemos.com/basel/portfolio/?portfolio5

It requires additional CSS and template customization for this element or even creating a new one.
Just add the code we sent your previously to increase boxes height and you will get what you need.

[Author]

Posts