Home / Forums / Basel support forum / "hover box" image in vc is cropped
Home › Forums › Basel support forum › "hover box" image in vc is cropped
"hover box" image in vc is cropped
- This topic has 11 replies, 2 voices, and was last updated 8 years, 2 months ago by
Artem Temos.
-
AuthorPosts
-
October 17, 2017 at 8:54 pm #21932
ggoreParticipantHey, 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.October 18, 2017 at 6:01 am #21942
Artem TemosKeymasterHello,
Please, provide us a link where we can see this problem on your website.
Thank you
October 18, 2017 at 8:53 am #21961
ggoreParticipantHello, thank you for your fast reply.
October 18, 2017 at 9:43 am #21982
Artem TemosKeymasterUnfortunately, 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.
October 18, 2017 at 9:45 am #21984
ggoreParticipantIsnt 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? 🙂
October 18, 2017 at 11:46 am #21998
Artem TemosKeymasterYou can use the following CSS code to increase its height
.vc-hoverbox-inner { min-height:350px!important; }October 18, 2017 at 12:14 pm #22004
ggoreParticipantI tried this out by nothing changed. 🙁
Could you tell me why i cant add a background overlay by hovering over a image?
October 18, 2017 at 12:17 pm #22005
Artem TemosKeymasterWe 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?
October 18, 2017 at 12:28 pm #22010
ggoreParticipantI added a class called presse to the image in vc.
October 18, 2017 at 12:30 pm #22011
ggoreParticipantsorry the image wasnt uploaded before.
Attachments:
You must be logged in to view attached files.October 18, 2017 at 1:42 pm #22016
ggoreParticipanthere is in example what i am trying to do: https://demo.xtemos.com/basel/portfolio/?portfolio5
October 18, 2017 at 2:07 pm #22023
Artem TemosKeymasterIt 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. -
AuthorPosts
- You must be logged in to create new topics. Login / Register