Title: Fixing Small Offset – Right Margin
Last modified: August 19, 2016

---

# Fixing Small Offset – Right Margin

 *  [ididdy](https://wordpress.org/support/users/ididdy/)
 * (@ididdy)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/fixing-small-offset-right-margin/)
 * so i wanted to add some kind of wrapper to extend the sidebar and make it flexible
   with the main content section. it appears to have worked. but here is a small
   offset on the right hand side (about 3px) and i can’t seem to do anything to 
   get rid of it. i just want it to line up. site is: teamairplay.com thanks
 * /*
    Theme Name: Golden Essence Theme URL: [http://essence.ithemes.com](http://essence.ithemes.com)
   Description: Golden Essence is an elegant Widget-ready theme created for WordPress.
   Author: Brian Gardner / iThemes Author URI: [http://ithemes.com](http://ithemes.com)
   Version: 2.0
 *  Changelog:
    v2.0 – 03.26.08 Second Release of Golden Essence v2.5 – 07.21.08-
   Updated to fix bugs, add more options */ html { background: #D9D8AC url(images/
   bg.png) repeat-x; } body { background: url(images/body-bg.png) repeat-y; width:
   852px; color: #555555; font-size: 12px; font-family: Arial, Tahoma, Verdana; 
   margin: 0px auto 0px; padding: 0px; } .clearfix:after { content: “.”; display:
   block; clear: both; margin: 0px; padding: 0px; height: 0; visibility: hidden;}
 * #wrap {
    background: url(images/wrap2.png) top center no-repeat; width: 852px;
   margin: 0px auto 0px; padding: 0px 0px 0px 0px; }
 * #wrapper{
    margin:0 auto; width:790px; }
 * #content{
    border-right:solid 162px #DFDFDF; position:absolute; width:620px; }
 * #sidebar{
    background:#bab794; margin-left: 620px; position:absolute; width: 
   160px; } /************************************************ * Hyperlinks * ************************************************/
 * a, a:visited {
    color: #1e42b0; text-decoration: none; }
 * a:hover {
    text-decoration: underline; }
 * /************************************************
    * Header * ************************************************/
 * #header {
    background: #FFFFFF url(images/header.png); width: 780px; height: 
   100px; color: #c9c7a0; font-size: 24px; margin: 0px auto 0px; padding: 0px 0px
   0px 0px; overflow: hidden; }
 * #header a img {
    border: none; margin: 0px; padding: 0px; }
 * #header h1 {
    color: #666666; font-size: 36px; font-family: Times New Roman, 
   Georgia, Arial; font-weight: normal; margin: -300px; padding: 25px 0px 0px 20px;
   text-decoration: none; }
 * #header h1 a, #header h1 a:visited {
    color: #666666; font-size: 36px; font-family:
   Times New Roman, Georgia, Arial; font-weight: normal; margin: 0px; padding: 0px
   0px 0px 0px; text-decoration: none; }
 * #header h1 a:hover {
    color: #666666; text-decoration: none; }
 * #headerleft {
    width: 560px; float: left; font-size: 14px; margin: 0px; padding:
   0px 0px 0px 0px; overflow: hidden; }
 * #headerleft p {
    color: #666666; font-size: 16px; font-family: Arial, Tahoma,
   Verdana; font-weight: normal; margin: 0px; padding: 0px 0px 0px 25px; text-decoration:
   none; }
 * #headerright {
    width: 200px; float: right; font-size: 12px; text-align: right;
   margin: 0px; padding: 40px 10px 0px 0px; overflow: hidden; }
 * #headerright p {
    color: #666666; font-size: 18px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px; padding: 0px 0px 0px 20px; 
   text-decoration: none; }
 * /************************************************
    * Navbar * ************************************************/
 * #navbar {
    background: #c9c7a0; width: 780px; height: 30px; color: #FFFFFF; margin:
   0px auto 0px; padding: 0px 0px 0px 0px; }
 * #nav {
    margin: 0px; padding: 0px; list-style: none; }
 * #nav ul {
    margin: 0px; padding: 0px; list-style: none; }
 * #nav a {
    background: #a0996f; color: #FFFFFF; display: block; font-weight: bold;
   margin: 0px 0px 3px 0px; padding: 8px 10px 8px 10px; }
 * #nav a:hover {
    background: #333333 url(images/navdrop.gif); color: #333333; 
   display: block; text-decoration: none; margin: 0px 20px 0px 0px; padding: 8px
   10px 8px 10px; }
 * #nav li {
    float: left; margin: 0px; padding: 0px; }
 * #nav li li {
    float: left; margin: 0px; padding: 0px; width: 160px; }
 * #nav li li a, #nav li li a:link, #nav li li a:visited {
    background: #333333 
   url(images/navdrop.gif); color: #333333; width: 160px; float: none; margin: 0px;
   padding: 8px 10px 8px 10px; border-top: 1px solid #FFFFFF; }
 * #nav li li a:hover, #nav li li a:active {
    background: #AAA786 url(images/navhov.
   gif); color: #333333; }
 * #nav li ul {
    position: absolute; width: 10em; left: -999em; }
 * #nav li:hover ul {
    left: auto; display: block; }
 * #nav li:hover ul, #nav li.sfhover ul {
    left: auto; }
 * /************************************************
    * Hometop * ************************************************/
 * #hometop {
    width: 780px; height: 330px; background: #bab794; margin: 0px auto
   0px; padding: 5px 0px 0px 0px; line-height: 20px; }
 * #hometop p {
    padding: 0px 0px 5px 0px; margin: 0px; }
 * #hometop h1 {
    color: #84805B; font-size: 22px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #hometop h1 a, #hometop h1 a:visited {
    color: #A29E78; text-decoration: none;
   margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
 * #hometop h1 a:hover {
    color: #A29E78; text-decoration: none; }
 * #hometop img {
    float: left; border: none; margin: 0px 0px 0px 0px; }
 * /************************************************
    * Bottom Sidebars * ************************************************/
 * #bottom {
    background: #bab794; width: 780px; margin: 0px auto 0px; padding: 
   10px 0px 20px 0px; line-height: 20px; clear: both; }
 * #bottom p {
    padding: 0px 0px 0px 0px; margin: 0px; }
 * #bottom h2 {
    color: #84805B; font-size: 18px; font-family: Times New Roman, 
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #bottom h2 a, #bottom h2 a:visited {
    color: #84805B; text-decoration: none; 
   margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
 * #hometop h2 a:hover {
    color: #84805B; text-decoration: none; }
 * #bottom img{
    float: left; border: none; margin: 0px 0px 10px 0px; }
 * #bottom ul{
    list-style-type: square; margin: 0px 0px 0px 0px; padding: 0px 0px
   0px 0px; }
 * #bottom ul li{
    list-style-type: square; margin: 0px 0px 0px 20px; padding: 0px
   0px 0px 0px; }
 * .bottomleft {
    background: #bab794; float: left; width: 220px; margin: 0px 0px
   0px 0px; padding: 10px 15px 0px 10px; overflow: hidden; }
 * .bottommiddle {
    background: #bab794; float: left; width: 220px; margin: 0px 
   0px 0px 0px; padding: 10px 20px 0px 20px; overflow: hidden; }
 * .bottomright {
    background: #bab794; float: right; width: 220px; margin: 0px 
   20px 0px 0px; padding: 10px 10px 0px 20px; overflow: hidden; }
 * /************************************************
    * Content * ************************************************/
 * #content {
    width: 780px; background: #bab794; border: 5px solid #bab794; margin:
   0px auto 0px; padding: 0px 0px 0px 0px; line-height: 20px; min-height: 0px; }
 * #content p {
    padding: 0px 0px 0px 0px; margin: 0px; }
 * #content h1 {
    color: #000000; font-size: 28px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 10px; }
 * #content h1 a, #content h1 a:visited {
    color: #000000; text-decoration: none;
   margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
 * #content h1 a:hover {
    color: #D51515; text-decoration: none; }
 * #content h2 {
    color: #202020; font-size: 18px; font-family: Arial, Tahoma, Verdana;
   font-weight: bold; padding: 10px 0px 3px 0px; margin: 0px 0px 5px 0px; border-
   bottom: double #C0C0C0; }
 * #content h4 {
    color: #000000; font-size: 14px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #content img.wp-smiley {
    float: none; border: none; padding: 0px; margin: 0px;}
 * #content img.wp-wink {
    float: none; border: none; padding: 0px; margin: 0px;}
 * #contentleft p img {
    border: none; float: left; margin: 0px 10px 10px 0px; }
 * blockquote {
    margin: 0px 20px 15px 20px; padding: 5px 0px 5px 15px; border-left:
   5px solid #C0C0C0; }
 * #content blockquote p {
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
 * #contentleft {
    float: left; width: 550px; margin: 15px 0px 0px 0px; padding:
   0px 0px 0px 0px; }
 * #contentleft ol {
    margin: 0px 0px 0px 5px; padding: 0px 0px 15px 0px; }
 * #contentleft ol li {
    margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; }
 * #contentleft ul {
    list-style-type: square; margin: 0px 0px 0px 0px; padding:
   0px 0px 15px 0px; }
 * #contentleft ul li {
    list-style-type: square; margin: 0px 0px 0px 20px; padding:
   0px 0px 0px 0px; }
 * #contentright {
    float: right; width: 550px; margin: 0px 0px 0px 0px; padding:
   20px 20px 20px 0px; }
 * #contentright ol {
    margin: 0px 0px 0px 5px; padding: 0px 0px 15px 0px; }
 * #contentright ol li {
    margin: 0px 0px 0px 20px; padding: 0px 0px 0px 0px; }
 * #contentright ul {
    list-style-type: square; margin: 0px 0px 0px 0px; padding:
   0px 0px 15px 0px; }
 * #contentright ul li {
    list-style-type: square; margin: 0px 0px 0px 20px; padding:
   0px 0px 0px 0px; }
 * .archive {
    float: left; width: 250px; margin: 0px 0px 0px 0px; padding: 0px 
   0px 20px 0px; }
 * .postmeta {
    font-size: 12px; padding: 5px 0px 50px 0px; margin: 0px; border-
   top: 1px dotted #C0C0C0; }
 * /************************************************
    * News Page * ************************************************/
 * #newspage {
    width: 760px; margin: 0px auto 0px; padding: 20px 0px 0px 0px; line-
   height: 20px; }
 * #newspage h2 {
    color: #84805B; font-size: 22px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #newspage p {
    padding: 0px 0px 0px 0px; margin: 0px; }
 * #newspage img {
    border: none; margin: 0px 0px 10px 0px; }
 * #newspage ul{
    list-style-type: square; margin: 0px 0px 0px 0px; padding: 0px
   0px 0px 0px; }
 * #newspage ul li{
    list-style-type: square; margin: 0px 0px 0px 20px; padding:
   0px 0px 0px 0px; }
 * #newspageleft {
    float: left; width: 350px; margin: 0px 0px 0px 0px; padding:
   0px 20px 10px 10px; overflow: hidden; border-right: 1px solid #C0C0C0; }
 * #newspageright {
    float: right; width: 350px; margin: 0px 0px 0px 0px; padding:
   0px 10px 10px 0px; overflow: hidden; }
 * /************************************************
    * Featured Top * ************************************************/
 * #featuredtop {
    background: #F8F5EC; width: 750px; height: 260px; margin: 0px
   0px 0px 0px; padding: 0px 10px 0px 10px; line-height: 20px; border-bottom: 5px
   solid #ACA988; }
 * #featuredtop p {
    padding: 10px 0px 10px 10px; margin: 0px; }
 * #featuredtop h1 {
    color: #84805B; font-size: 22px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #featuredtop h1 a, #featuredtop h1 a:visited {
    color: #A29E78; text-decoration:
   none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
 * #featuredtop h1 a:hover {
    color: #A29E78; text-decoration: none; }
 * #featuredtop img {
    float: right; border: none; margin: 0px 0px 10px 20px; }
 * /************************************************
    * Info Top * ************************************************/
 * #infotop {
    background: #fff; width: 760px; height: 260px; margin: 0px auto 0px;
   padding: 0px 0px 0px 0px; line-height: 20px; border-bottom: 0px solid #666666;}
 * #infotop p {
    padding: 0px 0px 10px 0px; margin: 0px; }
 * #infotop h1 {
    color: #84805B; font-size: 22px; font-family: Times New Roman,
   Georgia, Arial; font-weight: normal; margin: 0px 0px 10px 0px; padding: 5px 0px
   0px 0px; }
 * #infotop h1 a, #featuredtop h1 a:visited {
    color: #84805B; text-decoration: 
   none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; }
 * #infotop h1 a:hover {
    color: #000; text-decoration: none; }
 * #infotop img {
    float: right; border: none; margin: 0px 0px 10px 20px; }
 * /************************************************
    * Left Sidebar * ************************************************/
 * #l_sidebar {
    float: left; width: 160px; margin: 0px; padding: 10px 0px 20px 
   20px; line-height: 20px; display: inline; }
 * #l_sidebar p {
    padding: 0px 0px 15px 0px; margin: 0px; }
 * #l_sidebar a img {
    border: none; margin: 0px 0px 3px 0px; padding: 0px; }
 * #l_sidebar h2 {
    color: #202020; font-size: 12px; font-family: Arial, Tahoma,
   Verdana; font-weight: bold; padding: 10px 0px 3px 0px; margin: 0px 0px 5px 0px;
   border-bottom: double #C0C0C0; }
 * #l_sidebar ul {
    list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px
   0px 0px 0px; }
 * /************************************************
    * Right Sidebar * ************************************************/
 * #r_sidebar {
    float: right; width: 160px; background: #bab794; margin: 0px; padding:
   4px 10px 20px 10px; line-height: 20px; display: inline; }
 * #r_sidebar p {
    padding: 0px 0px 15px 0px; margin: 0px; }
 * #r_sidebar a img {
    border: none; margin: 0px 3px 5px 0px; padding: 0px; }
 * #r_sidebar h2 {
    color: #202020; font-size: 12px; font-family: Arial, Tahoma,
   Verdana; font-weight: bold; padding: 10px 0px 3px 0px; margin: 0px 0px 5px 0px;
   border-bottom: double #C0C0C0; }
 * #r_sidebar ul {
    list-style-type: none; margin: 0px 0px 10px 0px; padding: 0px
   0px 0px 0px; }
 * /************************************************
    * Widgets * ************************************************/
 * #subscribe ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px
   0px 0px 0px; }
 * #subscribe ul li {
    background: #FFFFFF url(images/rss.gif) no-repeat top left;
   padding: 0px 0px 5px 20px; margin: 0px 0px 0px 0px; }
 * #recent-posts ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 
   0px 0px 0px 0px; }
 * #recent-posts ul li {
    background: #FFFFFF url(images/icon_recent.gif) no-repeat
   top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #recent-comments ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding:
   0px 0px 0px 0px; }
 * #recent-comments ul li {
    background: #FFFFFF url(images/icon_links.gif) no-repeat
   top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #categories-1 ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 
   0px 0px 0px 0px; }
 * #categories-1 ul li {
    background: #FFFFFF url(images/icon_categories.gif) no-
   repeat top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #archives ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 
   0px 0px 0px; }
 * #archives ul li {
    background: #FFFFFF url(images/icon_archives.gif) no-repeat
   top left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #pages ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px
   0px 0px; }
 * #pages ul li {
    background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
   padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #links ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px
   0px 0px; }
 * #links ul li {
    background: #FFFFFF url(images/icon_links.gif) no-repeat top 
   left; padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #meta ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 
   0px 0px; }
 * #meta ul li {
    background: #FFFFFF url(images/icon_meta.gif) no-repeat top left;
   padding: 0px 0px 5px 18px; margin: 0px 0px 0px 0px; }
 * #text-1 ul {
    list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px
   0px 0px; }
 * #text-1 ul li {
    padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px; }
 * /************************************************
    * Footer * ************************************************/
 * #footer {
    background: #bab794; width: 780px; margin: 0px auto 0px; padding: 
   0px 0px 0px 0px; line-height: 20px; }
 * #footer p {
    color: #000000; font-size: 11px; font-family: Arial, Tahoma, Verdana;
   margin: 10px; padding: 0px 0px 0px 0px; }
 * #footer a, #footer a:visited {
    color: #555555; text-decoration: none; }
 * #footer a:hover {
    text-decoration: underline; }
 * #footer a img {
    border: none; margin: 0px 0px 0px 10px; padding: 0px; }
 * .footerleft {
    width: 375px; float: left; margin: 0px; padding: 0px 0px 0px 0px;
   text-align: left; }
 * .footerright {
    width: 375px; float: right; margin: 0px; padding: 0px 0px 0px
   0px; text-align: right; }
 * /************************************************
    * Search Form * ************************************************/
 * #searchdiv {
    margin: 0px; padding: 0px; }
 * #searchform {
    margin: 0px; padding: 0px; overflow: hidden; }
 * #s-head {
    background: #FFFFFF; width: 240px; color: #333333; font-size: 12px;
   font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 5px 0px 20px 0px; 
   border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 
   1px solid #666666; border-bottom: 1px solid #DDDDDD; }
 * #s {
    background: #FFFFFF; width: 220px; color: #333333; font-size: 12px; font-
   family: Arial, Tahoma, Verdana; padding: 4px; margin: 5px 0px 20px 0px; border-
   top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid#
   666666; border-bottom: 1px solid #DDDDDD; }
 * #signup {
    background: #F5F5F5; width: 240px; color: #333333; font-size: 12px;
   font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px; border-top: 1px
   solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666;
   border-bottom: 1px solid #DDDDDD; }
 * #name, #email, #url {
    background: #FFFFFF; color: #333333; font-size: 12px; 
   font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px 0px 0px 0px; border-
   top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid#
   666666; border-bottom: 1px solid #DDDDDD; }
 * #submit {
    background: #DDDDDD; color: #333333; font-size: 12px; font-family:
   Arial, Tahoma, Verdana; padding: 4px; margin: 0px 0px 0px 0px; border-top: 1px
   solid #CCCCCC; border-right: 1px solid #666666; border-left: 1px solid #CCCCCC;
   border-bottom: 1px solid #666666; }
 * #words {
    background: #FFFFFF; width: 380px; color: #333333; font-size: 12px;
   font-family: Arial, Tahoma, Verdana; padding: 4px; margin: 0px 0px 0px 0px; border-
   top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid#
   666666; border-bottom: 1px solid #DDDDDD; }
 * /************************************************
    * Comments * ************************************************/
 * #commentblock {
    color: #000000; float: left; padding: 0px 0px 10px 0px; margin:
   0px 0px 0px 0px; }
 * #commentblock ol {
    list-style-type: square; margin: 0px 0px 0px 0px; padding:
   10px 0px 0px 0px; }
 * .commentdate {
    font-weight: bold; font-size: 12px; }
 * .commentname {
    color: #000000; font-weight: bold; margin: 0px; padding: 5px 
   0px 0px 0px; }
 * .commentinfo {
    clear: both; }
 * .commenttext {
    color: #000000; font-size: 12px; font-family: Arial, Tahoma, 
   Verdana; padding: 0px 0px 0px 0px; margin: 5px 0px 20px 0px; border-bottom: 1px
   dotted #C0C0C0; }
 * .commenttext-admin {
    color: #000000; font-size: 12px; font-family: Arial, Tahoma,
   Verdana; padding: 0px 0px 0px 0px; margin: 5px 0px 20px 0px; border-bottom: 1px
   dotted #C0C0C0; }

Viewing 1 replies (of 1 total)

 *  Thread Starter [ididdy](https://wordpress.org/support/users/ididdy/)
 * (@ididdy)
 * [16 years, 5 months ago](https://wordpress.org/support/topic/fixing-small-offset-right-margin/#post-1284903)
 * ADDITIONAL INFO:
 * It only happens with the pages (page.php) and not the home page (home.php)

Viewing 1 replies (of 1 total)

The topic ‘Fixing Small Offset – Right Margin’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 1 participant
 * Last reply from: [ididdy](https://wordpress.org/support/users/ididdy/)
 * Last activity: [16 years, 5 months ago](https://wordpress.org/support/topic/fixing-small-offset-right-margin/#post-1284903)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics