vbcms css help

[edwinrcollins]

in vbcms.css can I add a class that will override the class below? I have to use the embed code below but in my primary content article preview I need to control the height to get my article content above the fold.

I am not the best in css and I figured someone in here would tell me if it is possible.

<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/466127890" 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  :79.966330% 0 0 0;width:100%;"><iframe src="//embed.gettyimages.com/embed/466127890?et=eK-IiJ_SSlRdfnC0dn8lDA&viewMoreLink=on&sig=CvWl3JDZlR41oKH_9vPTmL8lj0Vq-aJou_18LfFBblA=&caption=true" width="594" height="475" 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>

[TheLastSuperman]

Probably a replace of some sort but so I understand this better could you take a minute and try to explain it differently or did I understand correctly... you just want to replace a snippet of code if found in the template with another snippet of code correct?

[edwinrcollins]

Correct, I want to override

div class="getty embed image"

with a predetermined Height/Width code.

If that makes sense.


Getty allows you to use their images, however you have to use their embed code. To be within the terms. I just need to find a way to shrink the image in preview mode on the homepage.

I can shrink the iframe portion of the code in css, but I can find a way to shrink the inline-block from the div class above.

In word press you paste this long embed code in and it converts it to a cleaner code and puts it in the article but there is no such mod for VB.

[Dave]

Well you could try .getty.embed.image to override it.

.getty.embed.image{
   height: 150px !important;
}

Inline CSS will have priority over that though.

[edwinrcollins]

Originally Posted by Dave

Well you could try .getty.embed.image to override it.

.showpreviewonly object,
.showpreviewonly .getty.embed.image{
   height: 250px !important;
}

Inline CSS will have priority over that though.

Used the above so it only changed the image in the showpreview.

Well that did get me closer but I still have a gap between the image and the text I need to close.

http://www.thedailynole.com/content.php

[MarkFL]

Originally Posted by edwinrcollins

Used the above so it only changed the image in the showpreview.

Well that did get me closer but I still have a gap between the image and the text I need to close.

http://www.thedailynole.com/content.php

Are you embedding these images using a BBCode? If so, look for a line break (in the HTML replacement):

<br>

After the image and remove that if possible...