Top Margin

[iconsultancy]

Hi, thanks for a great plug-in.
How do I add a margin on top?

See sample site: http://generation-c.nhlf.org/

where Featureific is smack up against the background color. I would like a margin of 10px white before the plugin starts.

Any clues would be much appreciated.

Karl

[rinogo]

Hi htere, Karl!

Thanks for your message. This has more to do with the CSS on your site than Featurific itself. For example, I see that with Featurific inserted into your site, the relevant content HTML code looks like this:

Code:

<td id="middle">
        <center><!-- Begin Featurific Flash Gallery (version 1.6.1) - http://featurific.com -->
        <script src="/wp-content/plugins/featurific-for-wordpress/featurific.js" type="text/javascript"></script><div id="swfDiv"><embed width="480" height="350" flashvars="xml_location=/wp-content/plugins/featurific-for-wordpress/data_xml.php" allowscriptaccess="always" wmode="transparent" name="lzapp" swliveconnect="true" quality="high" bgcolor="#FF6600" id="lzapp" style="" src="/wp-content/plugins/featurific-for-wordpress/FeaturificFree.swf?&amp;lzproxied=false" type="application/x-shockwave-flash"></div>
        <!-- End Featurific --></center>
    

        
        
<div id="post-180" class="post-180 post type-post hentry category-alexander-wiske category-featured tag-bolivia tag-change tag-elections tag-indigenous tag-morales tag-south-america odd">


(etc...)

</td>

Featurific is inside of the td with an id of 'middle', and Featurific itself is using an id of 'swfDiv'.

So, you could either add some padding to the 'middle' div, or to the 'swfDiv'.

For example:

div#swfDiv {
padding-top:10px;
}

will add 10 pixels of space.

Please let me know if this works for you!
-Rich

[iconsultancy]

Super and thanks for a great plug-in.

Karl

(01-27-2011 05:09 AM)rinogo Wrote:  Hi htere, Karl!

Thanks for your message. This has more to do with the CSS on your site than Featurific itself. For example, I see that with Featurific inserted into your site, the relevant content HTML code looks like this:

Code:

<td id="middle">
        <center><!-- Begin Featurific Flash Gallery (version 1.6.1) - http://featurific.com -->
        <script src="/wp-content/plugins/featurific-for-wordpress/featurific.js" type="text/javascript"></script><div id="swfDiv"><embed width="480" height="350" flashvars="xml_location=/wp-content/plugins/featurific-for-wordpress/data_xml.php" allowscriptaccess="always" wmode="transparent" name="lzapp" swliveconnect="true" quality="high" bgcolor="#FF6600" id="lzapp" style="" src="/wp-content/plugins/featurific-for-wordpress/FeaturificFree.swf?&amp;lzproxied=false" type="application/x-shockwave-flash"></div>
        <!-- End Featurific --></center>
    

        
        
<div id="post-180" class="post-180 post type-post hentry category-alexander-wiske category-featured tag-bolivia tag-change tag-elections tag-indigenous tag-morales tag-south-america odd">


(etc...)

</td>

Featurific is inside of the td with an id of 'middle', and Featurific itself is using an id of 'swfDiv'.

So, you could either add some padding to the 'middle' div, or to the 'swfDiv'.

For example:

div#swfDiv {
padding-top:10px;
}

will add 10 pixels of space.

Please let me know if this works for you!
-Rich

[rinogo]

You're welcome! Happy blogging!
-Rich