Hi, I am trying to customize the KEKO wordpress theme, in the following site: http://money.my-freebie.com/ I want to remove the picture completely and move the rest of the theme upwards to close the gap. Should I do it from the Stylesheet, because I couldn't find what is referring to this image on the stylesheet - /* Theme Name: KeKo Description: Unique Urban Grunge Integrated Adsense And 6 Ads Banner WordPress Theme with Theme Option Author: Micheal kelsinger Designer: Micheal Kelsinger version: 1.0.3 Tags: light green, dark grey, fixed width, 2 columns, 3 column footer, twitter ready, thread-comment, theme options changelog: 1.0.1 - fixed nav problems 1.0.2 - separate comments variable fix 1.0.3 - fix round corner and ul list problems */ body { background: #dbddd2; font-family: "Lucida Grande", Verdana, Tahoma, "Trebuchet MS"; font-size: 13px; margin: 0px; padding: 0px; color: #7f7f7f; } h1, h2, h3, h4, h5, h6 { letter-spacing: -1px; font-weight: 400; } #header-home { background: url(images/top-header.jpg) repeat-x left top; margin: 0px; padding: 0px; width: 100%; float: left; } .centered-a { width: 1000px; margin-right: auto; margin-left: auto; } .centered-b { width: 1000px; margin: 0px; padding: 0px; float: left; } #header { margin: 0px; padding: 4em 0px 1em; float: left; width: 1000px; } #header #site-title { margin: 0px; padding: 0px; float: left; width: 400px; } #site-title h1 a { color: #000000; text-decoration: none; } #site-title h1 { font-size: 40px; margin: 0px; padding: 0px; float: left; width: 100%; color: #333333; font-weight: 400; } #site-title p.description { font-size: 13px; margin: 0px; padding: 0px; float: left; width: 100%; color: #333333; } #header #search { background: url(images/search.png) no-repeat; margin: 0px; padding: 0px; float: right; height: 63px; width: 366px; } #header #search form { margin: 0px; padding: 0px 0px 0px 20px; float: left; width: 92%; } #header #search .sbar { margin: 18px 0px 0px; padding: 3px 2px; width: 250px; background: #FFFFFF; float: left; border-width: 0px; border-style: none; font-size: 18px; } #header #search .submit { float: right; margin-top: 12px; padding: 0px; } #navigation { background: #2c2b2a; margin: 0px; padding: 0px; float: left; height: 64px; width: 1000px; } .shadow { background: url(images/shade-bottom.png) no-repeat left top; margin: 0px; padding: 0px; float: left; height: 27px; width: 1000px; } #header-img { background: url(images/default.jpg) no-repeat center top; margin: 0px; padding: 0px; float: left; height: 150px; width: 1000px; } #header-img #rounded { background: url(images/hbg.png) no-repeat center center; margin: 0px; padding: 0px; float: left; height: 150px; width: 1000px; } ul.page-nav { margin: 0px; padding: 0px; float: left; width: 100%; list-style-type: none; } ul.page-nav li { margin: 0px; padding: 0px 8px; float: left; list-style-type: none; display: inline; height: 64px; background: url(images/inline-top.png) no-repeat right center; font-size: 16px; line-height: 64px; color: #FFFFFF; } ul.page-nav li a { margin: 0px; padding: 0px 15px; float: left; list-style-type: none; display: inline; height: 64px; background: url(images/shade.png) no-repeat center 30px; color: #d8e2db; text-decoration: none; } ul.page-nav li a:hover { margin: 0px; padding: 0px 15px; float: left; list-style-type: none; display: inline; height: 64px; background: url(images/shade.png) no-repeat center 35px; color: #d8e2db; text-decoration: none; } ul.page-nav li#home { margin: 0px; padding: 0px 8px; float: left; list-style-type: none; display: inline; height: 64px; background: url(images/home.png) repeat-x; font-size: 16px; line-height: 64px; color: #FFFFFF; } ul.page-nav li#home a { margin: 0px; padding: 0px 15px; float: left; list-style-type: none; display: inline; height: 64px; background: url(none); color: #2C2B2A; text-decoration: none; font-weight: bold; } ul.page-nav li#home a:hover { margin: 0px; padding: 0px 15px; float: left; list-style-type: none; display: inline; height: 64px; background: url(none); color: #2C2B2A; text-decoration: none; font-weight: bold; } #wrap { margin: 0px; padding: 25px 0px 0px; width: 100%; float: left; background: url(images/bg-pattern.jpg) no-repeat center top; } #container { margin: 0px auto; padding: 0px; width: 1000px; } #content { margin: 0px; padding: 0px 0px 45px; float: left; width: 1000px; position: relative; } #post-entry { margin: 0px; padding: 0px; float: left; width: 675px; background: url(images/content.png) repeat-y; position: relative; } h2#post-header { margin: 0px; padding: 0px 15px 15px; float: left; width: 90%; font-size: 20px; color: #2C2B2A; line-height: 24px; } .post, .page { margin: 0px 0px 20px; padding: 0px 0px 20px; float: left; width: 100%; position: relative; } .post-meta { background: #2C2B2A; margin: 0px 0px 15px; padding: 0px; float: left; height: 85px; width: 100%; position: relative; } .post-meta .flag { background: url(images/loop.png) no-repeat; height: 98px; width: 17px; position: absolute; left: -17px; top: 0px; } ........ or from somewhere else in the long list- * Archives (archive.php) * Comments (comments.php) * Footer (footer.php) * Header (header.php) * Main Index Template (index.php) * Page Template (page.php) * Search Form (searchform.php) * Sidebar (sidebar.php) * Single Post (single.php) * Theme Functions (functions.php) * comments-new.php (comments-new.php) * comments-old.php (comments-old.php) * copyright.php (copyright.php) * headline.php (headline.php) * paginate.php (paginate.php) * result.php (result.php) * share.php (share.php) * sidebar-ads.php (sidebar-ads.php) * strings.php (strings.php)
The best way would be to remove this from the HTML: <div id="header-img"> <div id="rounded"> </div> </div> Code (markup): But you could also remove these bits from your CSS sheets instead: 1. from the <head> section: #header-img { background: url(http://money.my-freebie.com/wp-content/uploads/2009/11/cropped-default21.jpg) no-repeat center top; } Code (markup): 2. from style.css: #header-img { background: url(images/default.jpg) no-repeat center top; margin: 0px; padding: 0px; float: left; height: 150px; width: 1000px; } #header-img #rounded { background: url(images/hbg.png) no-repeat center center; margin: 0px; padding: 0px; float: left; height: 150px; width: 1000px; } Code (markup): If you want to reduce the gap a bit more, an easy way would be to remove the top adding on #wrap: #wrap { margin: 0px; [COLOR="Red"]padding: 0; [/COLOR] /* was padding: 25px 0px 0px; */ width: 100%; float: left; background: url(images/bg-pattern.jpg) no-repeat center top; } Code (markup):
You could try changing the styles on line 307 in style.css to display:none; .post-meta .meta-date { display:none; } Code (markup): See if that works.