Thread Rating:
  • 156 Votes - 2.84 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Top Margin
01-14-2011, 11:56 AM (This post was last modified: 01-14-2011 11:57 AM by iconsultancy.)
Post: #1
Top Margin
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
Find all posts by this user
01-27-2011, 05:09 AM
Post: #2
RE: Top Margin
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! Smile
-Rich
Find all posts by this user
01-27-2011, 10:55 AM
Post: #3
RE: Top Margin
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! Smile
-Rich
Find all posts by this user
02-05-2011, 11:35 AM
Post: #4
RE: Top Margin
You're welcome! Happy blogging! Smile
-Rich
Find all posts by this user


Forum Jump:


User(s) browsing this thread: 1 Guest(s)