CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"><head profile="http://gmpg.org/xfn/11"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://wordpress.org/support/topic/remove-padding-between-menu-and-plugin","20111130235756","https://web.archive.org/","web","/_static/", "1322697476"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  <link href="https://plus.google.com/107188080561309681193" rel="publisher"/> <title>WordPress › Support » Remove padding between menu and plugin</title> <style type="text/css"> @import url("https://web.archive.org/web/20111130235756cs_/http://s.wordpress.org/style/wp4.css?12"); </style> <link media="only screen and (max-device-width: 480px)" href="https://web.archive.org/web/20111130235756cs_/http://s.wordpress.org/style/iphone.css" type="text/css" rel="stylesheet"/> <link rel="shortcut icon" href="https://web.archive.org/web/20111130235756im_/http://s.wordpress.org/favicon.ico?3" type="image/x-icon"/> <link rel="alternate" type="application/rss+xml" title="t" href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/rss/topic/remove-padding-between-menu-and-plugin"/> <script type="text/javascript"> var gaJsHost = (("https:" == document.location.protocol) ? "https://web.archive.org/web/20111130235756/https://ssl." : "https://web.archive.org/web/20111130235756/http://www."); document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); </script> <script type="text/javascript"> var pageTracker = _gat._getTracker("UA-52447-1"); pageTracker._initData(); pageTracker._trackPageview(); </script>  <style type="text/css"> @import url("https://web.archive.org/web/20111130235756cs_/http://s.wordpress.org/style/forum-wp4.css?10"); </style>  <meta name="generator" content="bbPress 1.1"/> <script type="text/javascript" src="https://web.archive.org/web/20111130235756js_/http://wordpress.org/bb-plugins/bb-quicktags.js?ver=1.1"></script> <script type="text/javascript" src="https://web.archive.org/web/20111130235756js_/http://wordpress.org/bb-plugins/_bb-quicktags.php?ver=1.1"></script> <style type="text/css"> #ed_toolbar input { background:#FFFFFF url(https://web.archive.org/web/20111130235756im_/http://wordpress.org/support/bb-images/fade-butt.png) repeat-x scroll 0pt -2px; background:#F4F4F4 none repeat scroll 0%; border:1px solid #B2B2B2; color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:13px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:3px 2px 2px; padding:3px; } #ed_toolbar #ed_strong { font-weight: bold; } #ed_toolbar #ed_em { font-style: italic; } #ed_toolbar #ed_link {color:blue;text-decoration:underline;} #ed_toolbar #ed_pre {font-family:'Courier New',Courier,mono;margin-bottom:3px;} </style><style type="text/css">input#custom_postalzip, input#custom_blogs { width: 150px!important; text-transform: uppercase; } #pagebody tr.form-field td { width: 300px!important; }#userinfo dd .checkbox { visibility: hidden; }</style><script type="text/javascript" src="https://web.archive.org/web/20111130235756js_/http://s.wordpress.org/wp-includes/js/jquery/jquery.js"></script> </head> <body id="wordpress-org"> <div id="header"> <div class="wrapper"> <h1><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/">WordPress.org</a></h1> <form action="https://web.archive.org/web/20111130235756/http://wordpress.org/search/do-search.php" method="get" id="head-search"> <input class="text" name="search" type="text" value="Search WordPress.org" maxlength="150" onfocus="this.value=(this.value=='Search WordPress.org') ? '' : this.value;" onblur="this.value=(this.value=='') ? 'Search WordPress.org' : this.value;"/> <input type="submit" class="button" value="Go"/> </form> <ul> <li><a href="/web/20111130235756/http://wordpress.org/" title="Home is where the heart is.">Home</a> </li> <li><a href="/web/20111130235756/http://wordpress.org/showcase/" title="See some of the sites built on WordPress.">Showcase</a> </li> <li><a href="/web/20111130235756/http://wordpress.org/extend/" title="Taking WordPress beyond your wildest imagination.">Extend</a> <ul class="nav-submenu"> <li><a href="/web/20111130235756/http://wordpress.org/extend/plugins/" title="Plugins can extend WordPress to do almost anything you can imagine.">Plugins</a></li> <li><a href="/web/20111130235756/http://wordpress.org/extend/themes/" title="Find just the right look for your website.">Themes</a></li> <li><a href="/web/20111130235756/http://wordpress.org/extend/mobile/" title="Take your website on the go!">Mobile</a></li> </ul></li> <li><a href="/web/20111130235756/http://wordpress.org/about/" title="About the WordPress Organization, and where we're going.">About</a> </li> <li><a href="https://web.archive.org/web/20111130235756/http://codex.wordpress.org/Main_Page" title="Documentation, tutorials, best practices.">Docs</a> </li> <li><a href="/web/20111130235756/http://wordpress.org/news/" title="Come here for the latest scoop.">Blog</a> </li> <li><a class="current" href="/web/20111130235756/http://wordpress.org/support/" title="Support and discussion forums.">Forums</a> </li> <li><a href="/web/20111130235756/http://wordpress.org/hosting/" title="Find a home for your blog.">Hosting</a> </li> <li id="download"><a href="/web/20111130235756/http://wordpress.org/download/" title="Get it. Got it? Good.">Download</a> </li> </ul> </div> </div> <div id="headline"> <div class="wrapper"> <h2>Forums</h2> <form class="login" method="post" action="https://web.archive.org/web/20111130235756/http://wordpress.org/support/bb-login.php"> <p><label><span class="hide-if-placeholder">Username</span> <input class="text" name="user_login" type="text" id="user_login" placeholder="username" size="13" maxlength="40" value=""/> </label> <label><span class="hide-if-placeholder">Password</span> <input class="text" name="password" type="password" id="password" placeholder="password" size="13" maxlength="40"/> </label> <input name="remember" type="checkbox" id="remember" title="Remember me" value="1" tabindex="3"/> <input name="re" type="hidden" value=""/> <input type="submit" class="button-secondary" name="Submit" id="submit" value="Log in"/> (<a href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/bb-login.php">forgot?</a>) <a class="button" href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/register.php">Register</a></p> </form> <script type="text/javascript"> /* <![CDATA[ */ (function() { if ( document.getElementsByClassName && document.getElementById( 'user_login' ).placeholder ) { var hideThese = document.getElementsByClassName( 'hide-if-placeholder' ) for ( var i = 0; i < hideThese.length; i++ ) { hideThese[i].style.display = 'none'; } } })(); /* ]]> */ </script> </div> </div> <div id="pagebody"> <div class="wrapper topicnav"> <div class="col-8"> <p class="bbcrumb"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/">WordPress › Support</a> » <a href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/forum/themes-and-templates">Themes and Templates</a></p> <div id="ajax-response"></div> </div> <div class="col-4"> <p id="pages"></p> </div> </div> <div class="wrapper topictitle"> <div class="col-12"> <h2> Remove padding between menu and plugin <small>(1 post)</small></h2> </div> </div> <div class="wrapper"> <div class="col-10"> <ol id="thread" start="1"> <li id="post-2174237" class="postitem "> <div class="threadauthor col-3"> <p><img alt="" src="https://web.archive.org/web/20111130235756im_/http://www.gravatar.com/avatar/8c752974dc438f823566d1576a5256a7?s=48&d=monsterid&r=g" class="photo avatar avatar-48" style="height:48px; width:48px;"/><strong>John O.</strong><br/> <small><span class="authortitle"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/profile/jkahn">Member</a></span><br/> Posted 5 months ago <a href="#post-2174237">#</a> </small> </p> </div> <div class="threadpost col-7"> <div class="post"><p>I want to remove a small gap between my main menu and a slideshow running directly underneath (I used the Post Highlights plugin). I've established the the space is actually the container of the slideshow, which adds 15px padding. I know i have to remove this padding... my question is where do I place it into my code... I've tried placing in #content, #header, etc. to no avail. I need to know what code I should add and where. I already know my issue is to remove the padding... i just need to know where to place the code... </p> <p>The line containing the space is <code><div id="posthighlights_container"></code></p> <p>The matched CSS provided by Chrome is as follows:</p> <p>#posthighlights_container,<br/> #posthighlights_container .ph-canvas {<br/> width: 1000px;<br/> height: 300px;<br/> }<br/> style.css:19<br/> #posthighlights_container {<br/> padding: 15px 0 0 0px;<br/> text-align: center;<br/> position: relative;<br/> }<br/> style.css:1<br/> #posthighlights_container {<br/> font-family: Arial, Helvetica, Verdana, Sans-serif;<br/> } </p></div> </div> </li> </ol> <div id="topic-paging" class="col-3"> <p id="pages"></p> </div> <h2 class="post-form">Reply</h2> <p>You must <a href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/bb-login.php">log in</a> to post.</p> </div> <div class="col-2 topicmeta"> <h4>About this Topic</h4> <ul> <li><a class="rsslink" href="https://web.archive.org/web/20111130235756/http://wordpress.org/support/rss/topic/remove-padding-between-menu-and-plugin">RSS feed for this topic</a></li> <li>Started 5 months ago by John O.</li> <li id="resolution-flipper">This topic is not resolved</li> <li>WordPress version: 3.1.3</li> </ul> <div class="tags"> <h4>Tags</h4> <ul id="yourtaglist" class="tags-list list:tag"> <li id="tag-413_8027682"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/alignment" rel="tag">alignment</a> </li> <li id="tag-17687_8027682" class="alt"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/code" rel="tag">code</a> </li> <li id="tag-2026_8027682"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/container" rel="tag">container</a> </li> <li id="tag-17161_8027682" class="alt"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/css" rel="tag">css</a> </li> <li id="tag-1765_8027682"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/margins" rel="tag">margins</a> </li> <li id="tag-17281_8027682" class="alt"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/menu" rel="tag">menu</a> </li> <li id="tag-285_8027682"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/padding" rel="tag">padding</a> </li> <li id="tag-39_8027682" class="alt"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/plugin" rel="tag">plugin</a> </li> <li id="tag-68996_8027682"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/post-highlights" rel="tag">post highlights</a> </li> <li id="tag-385_8027682" class="alt"><a href="https://web.archive.org/web/20111130235756/http://wordpress.org/tags/remove" rel="tag">remove</a> </li> </ul> </div> </div> </div> </div> <br class="clear"/> <script type="text/javascript"> //<![CDATA[ document.write('<scr'+'ipt src="https://web.archive.org/web/20111130235756/http://crazyegg.com/pages/scripts/23144.js?'+(new Date()).getTime()+'" type="text/javascript"></'+'script>'); //]]> </script> <div id="footer"> <div class="wrapper"> <p> <a href="https://web.archive.org/web/20111130235756/http://wordpress.org/about/privacy/">Privacy</a> | <a href="https://web.archive.org/web/20111130235756/http://wordpress.org/about/license/">License / GPLv2</a>     See also: <a href="https://web.archive.org/web/20111130235756/http://wordpress.com/?ref=wporg-footer" title="Hassle-free WP hosting">WordPress.com</a> | <a href="https://web.archive.org/web/20111130235756/http://wordpress.tv/" title="Videos, tutorials, WordCamps">WordPress.TV</a> | <a href="https://web.archive.org/web/20111130235756/http://central.wordcamp.org/" title="Find a WordPress event near your home">WordCamp</a> | <a href="https://web.archive.org/web/20111130235756/http://jobs.wordpress.net/" title="Find or post WordPress jobs">WP Jobs</a> | <a href="https://web.archive.org/web/20111130235756/http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a> | <a href="https://web.archive.org/web/20111130235756/http://wordpress.org/news/feed/" class="rsslink">Blog RSS</a> </p> <br/> <iframe src="https://web.archive.org/web/20111130235756if_/http://www.facebook.com/plugins/like.php?app_id=121415197926116&href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=lucida+grande&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:21px;" allowtransparency="true"></iframe> <div class="g-plusone" data-size="medium" data-href="https://plus.google.com/107188080561309681193"></div> <iframe allowtransparency="true" frameborder="0" scrolling="no" src="https://web.archive.org/web/20111130235756if_/http://platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&show_count=false" style="width:150px; height:20px;"></iframe> <h6>Code is Poetry</h6> </div> </div> <script type="text/javascript">_qoptions={qacct:"p-18-mFEk4J448M"};</script> <script type="text/javascript" src="https://web.archive.org/web/20111130235756js_/http://edge.quantserve.com/quant.js"></script> <noscript><img src="https://web.archive.org/web/20111130235756im_/http://pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/></noscript>  <script type="text/javascript" src="https://web.archive.org/web/20111130235756js_/http://s.gravatar.com/js/gprofiles.js"></script> <script type="text/javascript"> (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://web.archive.org/web/20111130235756/https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })(); </script> </body> </html>