Shortcode button scaling in slider

[davidll]

Hello All

Would be good if you guys could help me with a small issue, that i thought i was close in making work.

Read a few posts on inserting a shortcode button into a rev slider.

It all works fine – click on the shortcode button and the video plays in the lightbox – ace.

But when its goes responsive (the video still works) but the chevron / video link icon scales badly. See attached screen shot.

Its odd that the shortcode background circle is perfect?

I’ve had a fiddle with:

.fw-video-link-icon i
{
  height: 28px;
  display: inline-block;
  width: 28px;
  vertical-align: -15px;
}

but no luck – I also notice it pulls in:

{
  min-height: 0px;
  min-width: 0px;
  line-height: 16px;
  border-width: 0px;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0px;
  font-size: 30px;

}

Any help – or point me in the right direction, would be appreciated

Thanks

David

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please provide me specific page url with issue to check and resolve.
Thanks
Mohammad

[davidll]

This reply has been marked as private.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

@media only screen and (max-width: 968px) {

div#rev_slider_1_1_wrapper a.fw-video-link.fw-video-link-icon{
padding:auto !important;

}
}

Thanks
Mohammad

[davidll]

Hi Mohammad

That does effect the button – and its better – but it still doesn’t retain its position / size in relationship with the circle – refer to the same link above to view.

But thanks so much at looking at this – and pointing me in the right direction.

D

[Mohammad – SUPPORT]

Hi,
Its ok. I am glad that i could help.
Thanks
Mohammad