adjust theme by a couple of pixels
-
Hi all,
Would some kind person help to align the column of my theme very slightly.
It is only a few pixels out of line in FF and IE but looks perfect in Safari.
Look between his thump and mouth https://eastlondonmanandvan.co.uk/
Viewing 5 replies - 1 through 5 (of 5 total)
-
it’s a bit more complex than that, you need to tweak the css in style.css:
div#header { width: 855px; } div#header div#navigation ul { margin-left: 160px; }
try that and see if it works.
Spent hours tweaking. I give up for now…Thanks all the same ??
Here is the style.css
See anything there to try?
/* Version: 1.0 Description: 2 Column theme Author: SmarterTemplates */ /* Links */ a:link { text-decoration: none; color: #85C2DA; } a:visited { text-decoration: none; color: #85C2DA; } a:hover, a:active { color: #4C8AA2; } /* Headings */ h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; } h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;} h2 { font-size: 28px; } h3 { font-size: 24px; } h4, h5, h6 { font-size: 20px; } /* Other Html Elements */ .titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;} .titles a:link, .titles a:visited, .titles a:active { text-decoration: none; underline: none; font-size: 24px; font-weight: normal; border-bottom-width: 0; } pre, blockquote { overflow: auto; padding: 0 10px; margin: 20px 30px; line-height: 1.8em; background-color: #f5f5f5; border: 1px solid #e0e0e0; } pre:hover, blockquote:hover { background-color: #f0f0f0; border: 1px solid #d0d0d0; } pre { padding-top: 10px; padding-bottom: 10px; } code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; } ul, ol { line-height: 2.0em; } ul { list-style-image: url(images/bullet.gif); } abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; } del { text-decoration: line-through; color: #999999; } ins { text-decoration: none; color: #009977; } /* Structure */ body { margin: 0; padding: 0; color: #A4987B; background-image: url(images/bg.gif); background-repeat: repeat-y; background-position: center; background-color: #B0D4E2; font: normal 100% Verdana, "Lucida Grande", "Trebuchet MS", Georgia, Sans-Serif; } #wrapper2 { width: 768px; margin-left: auto; margin-right: auto; } #header { float: left; width: 939px; padding-bottom: 8px; clear: right; background-image: url(images/header-bg.gif); background-repeat: no-repeat; padding-left: 0px; height: 352px; margin-left: -85px; } #navigation { margin-top: 0px; } #wrapper { clear: both; float: left; width: 100%; color: #888888; background: #F8F1E0; margin-top: -10px; } #content-wrapper { width: 65%; float: left; } #content { float: left; padding: 0 0px 10px 30px; } #sidebar-wrapper { width: 35%; float: right; margin-top: -80px; } #sidebar { float: right; padding: 0px 15px 10px 10px; width: 210px; margin-right: 15px; margin-top: 10px; } #footer { clear: both; width: 783px; text-align: left; padding-left: 30px; background: #F8F1E0; color: #85C2DA; height: 40px; font-size: 11px; background-image: url(images/footer-bg.gif); background-repeat: no-repeat; background-position: bottom; margin: auto; pading-bottom: 30px; } #footer a { color: #85C2DA; font-size: 11px; } #footer a: visited { color: #85C2DA; } #footer a:hover { color: #4C8AA2; border-bottom: 1px dashed #4C8AA2; } #extras { float: left; width: 780px; color: #444444; text-align: left; padding: 0 10px 10px; margin: 10px 12px 20px; background-color: #f5f5f5; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; } /* Header */ #header h1 { padding-left: 100px; margin-top: 245px; } /* Navigation */ #navigation ul { list-style-type: none; list-style-image: none; float: left; margin-left: 100px; padding: 0 0px 0 0; margin-top: 0px; } #navigation li { float: left; margin-top: 0px;} #navigation li a:link, #navigation li a:visited { float: left; color: #53869A; display: block; padding: 5px 10px; margin-right: 4px; border: 1px #98C2D2; background: #BBDBE8; height: 24px; font-size: 14px; } #navigation li a:hover, #navigation li a:active { color: #53869A; border: 1px #98C2D2; background: #C3E1ED; font-size: 14px; } #navigation li.active a { color: #555555; background-color: #ffffff; } /* Wrapper */ #wrapper a:link { font-weight: bold; } #wrapper a:visited { font-weight: bold; } #wrapper a:hover, #wrapper a:active { } /* Content */ #content .post-title a { border-bottom-width: 0; } #content .post p.img { float: left; margin: 0 15px 0 0; } #content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; } #content .post-footer { font-size: 100%; color: #888888; margin-bottom: 5px; padding:5px 5px 5px 15px; background-repeat: none; background-color: #FFFDF6; border: 1px solid #E9DEC2; } /* Sidebar */ .sideblock { padding: 5px 10px; margin-bottom: 20px; background-color: #FFFBF2; border: 1px solid #E3D2B2; } .sideblock ul { } .sideblock h3 { margin-top: 5px; font-size: 14px; color: #CDB68B; font-weight: bold; } #sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; } #sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; } #sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;} #sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; } #sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;} /* Extras */ #extras h6 { font-size: 14px; text-transform: uppercase; color: #555555; } #friends { float: left; width: 150px; margin-left: 20px; margin-right: 10px; } #links { float: left; width: 275px; margin-right: 50px; } #about { float: left; width: 250px; margin-right: 20px; } #friends ul { padding-left: 20px; } #links dl, #links dt, #links dd { margin: 0; padding: 0; } #links dt { font-weight: bold; padding-top: 5px; } #links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; } /* Comments Styling */ #commentlist li { margin-bottom: 1.5em; padding-bottom: 1em; border-bottom: 1px solid #700000; } #commentform { margin: 1em 0; background: #F8F1E0; width: 280px; } #commentform textarea { background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; } #commentform textarea:hover { background: #F8F1E0; border: 1px solid #d6d3d3; } #commentform textarea:focus { background: #ffffff; border: 1px solid #939793; } #commentform #email, #commentform #author, #commentform #url { font-size: 1.1em; background: #f8f7f6; border: 1px solid #d6d3d3; width: 280px; } #commentform #email:hover, #commentform #author:hover, #commentform #url:hover { font-size: 1.1em; background: #ffffff; border: 1px solid #d6d3d3; width: 280px; } #commentform #email:focus, #commentform #author:focus, #commentform #url:focus { font-size: 1.1em; background: #ffffff; border: 1px solid #939793; width: 280px; } #commentform input{ margin-bottom: 3px; } .date { background: url() no-repeat; height: 0px; margin-bottom: 0px; width: 0px; text-align: center; float: left; margin-top: 0px; } .date .month { display: block; color: #D0AA43; padding: 2px 0px; text-align: center; text-transform: uppercase; font-size: 0px; margin-top: 2px; font-weight: bold; margin-bottom: 3px; } .date .day { display: block; color: #F8F1E0; font: 2.3em Georgia; padding-top: 0px; text-align: center; margin-top: -8px; } #header h1 a { color: #FFFF33; } #header h1 a: hover { color: #C5DCBC; } #left { width: 0px; float: left; } .slogan { font-size: 18px; color: #FF3333; text-transform: lowercase; margin-bottom: 10px; margin-left: 100px; } .Fadein{ filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; border:0; } .Fadein:hover{ filter:alpha(opacity=50); -moz-opacity: 0.30; opacity: 0.30; border:0; }
Where you have the following code:
#header { float: left; width: 939px; padding-bottom: 8px; clear: right; background-image: url(images/header-bg.gif); background-repeat: no-repeat; padding-left: 0px; height: 352px; margin-left: -85px; }
Change the margin-left from -85 to -86px
that sorts it
Indeed it does!
I actually did that myself a few times but failed to notice, probably due to the cache.
Thank you.
Much obliged to you for taking the time to reply, I’m so relieved, phew!
Merry Christmas.
Viewing 5 replies - 1 through 5 (of 5 total)
- The topic ‘adjust theme by a couple of pixels’ is closed to new replies.