-
Posts
-
Within a text element I have a left-aligned image linked to a vimeo video and some text. I used a class on the image and code in quick css section to add a right and bottom margin to the image. Even though I tried to add the same margin to the the image overlay, and the inspector tool shows that the margin is there, the text next to the image jumps when I mouse over the image (i.e., it moves to where it would be if I hadn’t added the margin.)
Here’s the CSS I used:
img.videoimg {margin-right:35px; margin-bottom:20px;} span.image-overlay {margin-right:35px!important; margin-bottom:20px;} span.image-overlay-inside {margin-right:35px!important; margin-bottom:20px;}Hey!
The login credentials are not working. Please remove the custom css you have added and try the below css if yous till have any issue. Please remove all custom CSS and let us know we will provide you the CSS to add margin to the right and bottom of the video element.
.mfp-iframe.lightbox-added.alignleft { margin-bottom:20px; margin-right:20px; }Best regards,
Vinay
- You must be logged in to reply to this topic.