![]() |
vbcms css help
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. Code:
<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> |
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?
|
Correct, I want to override
Code:
div class="getty embed image" 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. |
Well you could try .getty.embed.image to override it.
HTML Code:
.getty.embed.image{ |
Quote:
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 |
Quote:
HTML Code:
<br> |
All times are GMT. The time now is 10:37 PM. |
Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
![]() |
|
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|