PDA

View Full Version : VBcms article embedded image issue


edwinrcollins
01-08-2016, 02:18 AM
I am having and issue when posting articles with embedded getty image codes.
I assume something in the VBcms code is trying to resize the image on the main page but is only re sizing the image but not the rest of the embed code from Getty IMages.

On the main content/vbcms page the top article has a large space between the images and the text.

https://vborg.vbsupport.ru/external/2016/01/13.jpg

When you go into the actual article page that space is gone:

https://vborg.vbsupport.ru/external/2016/01/14.jpg


You can also see for yourself on the site: www.TheDailyNole.com

Any help would be appreciated I have been banging my head on the wall trying to resolve this issue.

Here is a copy of what the getty images embed code looks like in the articles:

<div class="getty embed image" style="background-color:#fff;display:inline-block;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:#a7a7a7;font-size:11px;width:100%;max-width:594px;"><div style="padding:0;margin:0;text-align:left;"><a href="http://www.gettyimages.com/detail/503063432" target="_blank" style="color:#a7a7a7;text-decoration:none;font-weight:normal !important;border:none;display:inline-block;">Embed from Getty Images</a></div><div style="overflow:hidden;position:relative;height:0;padding :72.222222% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/503063432?et=4OTIwcqtQcVrbwNE96vCwA&viewMoreLink=on&sig=PSkrcgFvP34ZfmXPJTXByhX63A8JmrwqzwCvLDUyc2Q=" width="594" height="429" scrolling="no" frameborder="0" style="display:inline-block;position:absolute;top:0;left:0;width:100%;he ight:100%;margin:0;"></iframe></div><p style="margin:0;"></p></div>

MarkFL
01-08-2016, 02:26 AM
Please post a link to the CMS page, and I will see if there is some CSS attribute mucking things up...:)

edwinrcollins
01-08-2016, 02:39 AM
http://www.thedailynole.com/content.php

It is the website default page or the one above.

--------------- Added 1452230069 at 1452230069 ---------------

Problem resolved:

Changed vbcms.css

Was
.showpreviewonly iframe {
{vb:stylevar vbcms_article_preview_object_size};
}


Changed to:
.showpreviewonly iframe {
max-width:100%;
overflow:hidden;
}

Now looks good unless I broke something else doing this.