Theme "pixelgreen-10" --- Anpassungsschwierigkeiten

paddya

Guten Morgen liebe Wordpress-Community!

Wie der Titel schon sagt habe ich Anpassungsschwierigkeiten beim Theme "pixelgreen-10". Ich habe es ins Deutsche übersetzt und einge Änderungen an der Sidebar gemacht. Außerdem wollte ich den schwarzen Infobalken aus dem Header verbannen. Also habe ich den entsprechenden Teil aus der header.php entfernt.
Das Ergebnis sieht so aus. Nun möchte ich aber noch den grau-grünen Background am oberen Seitenrand entfernen.
Also habe ich mir gedacht, dass müsste in der .css-Datei zu ändern sein, doch leider habe ich nichts gefunden...

Meine pixel.css

CSS

*/
 
/********************************************
   HTML ELEMENTS
********************************************/ 


/* top elements */
* { padding: 0; margin: 0; }


body {
	margin: 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #333;
	background: #FFF url('images/bg.jpg') repeat-x;
	text-align: center;	
	height: 100%;	
}


/* links */
a { background: inherit; color: #72A545; text-decoration:none;}
a:hover { background: inherit; color: #006699; }


/* headers */
h1, h2, h3 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	color: #65944A;
}
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; text-transform: uppercase;}
h3 { font-size: 1.2em; }
h2.pagetitle {
	font-size: 1.6em;
	}
p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #72A545;	
}
ul span, ol span {
	color: #333;
}


/* images */
img {
	border:none;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}




code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  background: #FAFAFA;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #72A545;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px; 	padding: 0 0 0 20px;  	
  	background-color: #FAFAFA; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #72A545;  
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif; 
	color: #666666;	
}


/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
	background-color: #FAFAFA; 
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding: 2px;
	border:1px solid #eee;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;	
}


/* search form */
.searchform {
	background-color: transparent;
	border: none;	margin: 0; padding: 0;	
}
.searchform p { margin: 10px; padding: 0; }
.searchform input.textbox { 
	width: 130px;
	color: #333; 
	height: 20px;
	padding: 2px;	
	vertical-align: top;
}
.searchform input.button { 
	font: bold 12px Arial, Sans-serif; 
	color: #333;	
	width: 60px;
	height: 26px;
	border: none;
	padding: 3px 5px;	
	vertical-align: top;
}


.navigation {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	}
/***********************
	  LAYOUT
************************/


#header-content, #content, #footer-content {
	width: 760px;
}


/* header */
#header {
	height: 100px;
	text-align: left;	
}
#header-content {
	position: relative;
	margin: 0 auto; padding: 0;
}
#header-content #logo {
	position: absolute;	
	font: bold 3em 'Trebuchet Ms', Sans-serif;
	letter-spacing: -2px; 
	color: #FFF;
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 0; left: 0px;
}
#header-content #slogan {
	position: absolute;	
	font: bold 1.1em 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; left: 40px;
}


/* header menu */
#header-content ul {
	position: absolute;
	right: -5px; top: 15px;
	font: bolder 1.3em 'Trebuchet MS', sans-serif;
	color: #FFF;
	list-style: none;
	margin: 0; padding: 0;		
}
#header-content li {
	display: inline;
}
#header-content li a {
	float: left;
	display: block;
	padding: 3px 12px;	
	color: #FFF;
	background-color: #333;
	text-decoration: none;
	border-right: 1px solid #272727;
}
#header-content li a:hover {
	background: #65944A;
	color: #FFF;
}
#header-content li a.active  {
	background: #65944A;
	color: #FFF;
}
#current
{
background-color: #fff;
}
/* header photo */
.headerphoto {
	margin: 0 auto;
	width: 770px;
	height: 200px;
	padding: 15px 10px 10px 10px; 
	background: #FFF url('images/headerphoto.jpg') no-repeat center;	
}


/* content */
#content-wrap {
	clear: both;
	float: left;
	width: 100%;
}
#content {
	text-align: left;	
	padding: 0;
	margin: 0 auto;	
}


/* sidebar */
#sidebar {
	float: right;
	width: 30%;
	margin: 0 0 10px 0; padding: 0;	
}	
#sidebar h1 {
	padding: 10px 0px 5px 10px;
	margin: 0;	
}
.sidebox {
	background: #F2F2F2;
	border: 1px solid #EFEDED;
	margin-bottom: 10px;
}


/* sidebar menu */
#sidebar ul.sidemenu {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #F2F2F2;
}
#sidebar ul.sidemenu ul {
	list-style:none;
	margin: 10px 0;
	padding: 0;
	background: #F2F2F2;			
}
#sidebar ul.sidemenu li {
	padding: 0px 10px;
}
#sidebar ul.sidemenu a {
	display:block;
	font-weight:normal;
	color: #333;
	height: 1.5em;	
	padding:.3em 0 .3em 15px;
	line-height: 1.5em;
	border-top: 1px dashed #CCC;
	text-decoration:none;
}


#sidebar ul.sidemenu a:hover {
	padding: .3em 0 .3em 10px;
	border-left: 5px solid  #65944A;
	color: #65944A;		
}


/* main */
#main {
	float: left;
	width: 68%;	
	margin: 0 0 10px 0; padding: 0;	
}
#main h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
}


.post {
	margin-bottom: 10px; padding: 0;
	background: #FFF url('images/gradientbg.jpg') repeat-x;
	border: 1px solid #EFEDED;
}
.post .post-footer {
	background-color: #FAFAFA;
	border: 1px solid #f2f2f2;
	padding: 5px; margin: 0 15px 5px 15px;
	font-size: 95%;
	text-align:right;
}
.post .post-footer .date {
	background: url('images/clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .comments {
	background: url('images/comment.gif') left center no-repeat;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .post-footer .catg {
	background: url('images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .postmeta {
    margin: 0 0 5px 10px;
	font-size: 90%;
	text-align:right;
	border-top: 1px solid #f2f2f2; 
	}
.post .postmeta .date {
	background: url('images/clock.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .postmeta .comments {
	background: url('images/comment.gif') left center no-repeat;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post .postmeta .catg {
	background: url('images/page.gif') no-repeat 0 center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
/* footer */
#footer {
	clear: both;
	margin: 0; padding: 0;
	font: normal .95em/1.5em 'Trebuchet MS', Tahoma, Arial, sans-serif;
	text-align: left;	
}
#footer h3, #footer p {
	margin-left: 0;
}
#footer-content {	
	border-top: 1px solid #EAEAEA;
	margin: 0 auto;
	padding-left: 15px;
}
#footer-content a {
	text-decoration: none;
	color: #777;	
}
#footer-content a:hover {
	text-decoration: underline;
	color: #333;
}
#footer-content ul {
	list-style: none;
	margin: 0; padding: 0;
}
#footer-content .col {
	width: 32%;
	padding: 0 5px 30px 0;	
}
#footer-content .col2 {
	width: 33%;
	padding: 0 0 30px 0;	
}


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }


/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }




/* comments */
.alt {
	background-color:#fff !important;
	border: 1px dashed #ccc !important;
	padding: 10px 10px 0 10px !important;
	}


.commentlist {
	padding: 0;
	margin: 0;
	}


.commentlist li {
	background-color:#eee;
	list-style: none;
	padding: 10px 10px 0 10px;
	border: 1px dashed #ccc;
	margin: 10px;
	color: #3C452D;
	overflow:hidden;
	}


.commentmetadata {
	font-weight: normal;
	}


.comment_author a:visited {
	font-weight: bold;
	text-decoration: none;
	}
.befirst {
	padding: 0 !important;
	text-align:center;
	font-size: 1.3em;
	color:#CDCDCD;
	font-weight:bold;
	}
	
/*-
	Brian's Latest Comments
	http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/
.sb-comments-blc ul li span a, .sb-comments-blc ul li small a {
	color: #999;
	font-weight: normal;
	word-spacing: -1px;
	}


.sb-comments-blc ul li {
	margin-bottom: 3px;
}


.sb-comments-blc ul li > a[title="Go to the comments of this entry"] {
	position: absolute;
	color: #999;
}


.activityentry {
	font-size: 1.1em;
	}


...

Alles anzeigen

Danke schon mal im Voraus,

paddya

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

Olafb

Müsste das sein:

HTML

body {
	margin: 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #333;
	background: #FFF url('images/bg.jpg') repeat-x;

letzte Zeile wird zu
background: #FFF;

paddya

Bringt leider keine Änderung...

Hier mal meine header.php:

PHP

<!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" xml:lang="en" lang="en"><!-- Replace with your own languge code - more info here (http://www.w3.org/TR/REC-html40/struct/dirlang.html#h-8.1) -->


<head profile="http://gmpg.org/xfn/11">
    <title><?php if (function_exists('seo_title_tag')) { seo_title_tag(); } else { bloginfo('name'); wp_title();} ?></title>
    <meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats please -->
    <style type="text/css" media="screen">
        @import url( <?php bloginfo('stylesheet_url'); ?> );
    </style>


    <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
    <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
    <link rel="shortcut icon" type="image/ico" href="<?php bloginfo('template_url'); ?>/favicon.ico" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_get_archives('type=monthly&format=link'); ?>
    <?php //comments_popup_script(); // off by default ?>
    <?php wp_head(); ?>
</head>


<body>
<div class="headerphoto"></div>

Alles anzeigen

Greetz

paddya

Edit: Habe einfach mal alle #header-Elemente gelöscht und schon gings...

Olafb

Dann bearbeitest du die falsche Datei, da steht immer noch:

HTML

body {
	margin: 0; 	padding: 0;
	font: normal .72em/1.5em 'Trebuchet MS', sans-serif;
	color: #333;
	background: #FFF url('images/bg.jpg') repeat-x;
	text-align: center;	
	height: 100%;	
}

EDIT Ah, sorry falsch verstanden, ich dachte du meinst den Balken ganz oben :(

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Theme "pixelgreen-10" --- Anpassungsschwierigkeiten

Jetzt mitmachen!