Support » Fixing WordPress » change background color behind floating pages

  • I am using dkret3 and below is the page template from the theme files. I want to change the background color of the pages, but I’m not sure I am explaining it correctly. Not the background color behind the words, but behind the pages themselves since they float in the scheme I want to use. Is this the correct code for changing it? If not, where would I find it and what would I do to make it white?
    http://www.marciashearer.com is the site. I am working on it unpublished but you can see what I mean.

    <?php get_header() ?>

    <div id=”container”>
    <div id=”content”>

    <?php the_post() ?>
    <div id=”post-<?php the_ID(); ?>” <?php if (function_exists(‘post_class’)) post_class(); else dkret_post_class() ?>>
    <?php if ( !is_front_page() ) { ?>
    <h2 class=”entry-title”><?php the_title(); ?></h2>
    <?php } ?>
    <div class=”entry-content”>

    <?php the_content() ?>

    <?php wp_link_pages(“<div class=’page-link’>”.__(‘Pages: ‘, ‘dkret’), “</div>”, ‘number’); ?>

    <?php the_tags(__(‘<span class=”tag-links”>Tagged: ‘, ‘dkret’), “, “, “</span><span class=\”meta-sep\”>|</span>”) ?>
    <?php edit_post_link(__(‘Edit’, ‘dkret’),'<span class=”edit-link”>’,'</span>’) ?>

    </div><!– .entry-content –>
    </div><!– #post?? .post_class() –>

    <?php if (function_exists(‘post_class’)) comments_template(”, true); else comments_template(); ?>

    </div><!– #content –>
    </div><!– container –>

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>

Viewing 4 replies - 1 through 4 (of 4 total)
  • I assume you are referring to the bluish background

    You change that in your style.css file. You have two places where the color is defined, on lines 23 and 29

    Its the second one that is being used, and that is the one you need to change. Change the background-color code to whatever you want it to be

    body {
    background-color:#556677;
    font-size:0.9em;
    text-align:center;
    }
    Thread Starter mcs

    (@mcs)

    I did find that area and made the change to no avail. Other posts keep talking about later code overriding or another template overriding, so I wonder if that is the case.

    The whole style sheet probably isn’t needed but here it is. How do I locate where else it might need to be changed? Thanks –

    /*
    THEME NAME: dkret3
    THEME URI: http://diekretzschmars.de/en/wordpress/themes/dkret-theme/
    VERSION: 2.1
    DESCRIPTION: Powerful and flexible theme. <p>Visit the <a href="http://diekretzschmars.de/sf-forum/">Support Forum</a> or the <a href="http://diekretzschmars.de/en/wordpress/themes/dkret-theme/documentation/">Documentation</a>.</p> <p>Protected by <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.</p>
    TAGS: white, custom header, fixed with, fluid width, multiple columns, widget ready,  widgets, gravatar, drop down navigation, gallery, valid css, valid xhml, options page, archives
    AUTHOR: Joern Kretzschmar
    AUTHOR URI: http://diekretzschmars.de/
    CREDIT: the authors of the sandbox theme (dkret uses  some of the dynamic-class-functions)
    */
    
    /* Do not modify the above information. */
    
    /* Please don't modify this file.  You should modify your child theme's (theme template's) style.css file or your scheme.css (inside the schemes folder) */
    
    * {
    	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, Geneva, Arial, Sans-Serif;
    	font-size: 100%;
    	margin: 0;
    	padding: 0;
    	list-style: none;
    }
    html, body {
    	color: #474747;
    	height: auto !important;
    	height: 100%;
    	min-height: 100%;
    }
    body {
      background-color: #fff;
      font-size: 0.9em;
      text-align: center; /* hack for IE5.5 to display website centered */
    }
    
    /*
    LAYOUT: Two-Column (Right)
    DESCRIPTION: Two-column fluid layout with one sidebar(s) right of content
    */
    div#wrapper {
    	margin: 0 auto;
    	width: 890px;
    	min-width: 650px;
    }
    div#header {
    	height: 160px;
    }
    div#access {
      height: 19px;
      padding: 3px 10px 2px 5px;
    }
    div#container {
    	clear: both;
    	float: left;
    	margin: 0 -320px 50px 0;
    	width: 100%;
    }
    div#content {
    	margin: 25px 320px 0 0;
    	overflow: hidden;
    	padding: 0 20px;
    }
    div#content.widecolumn {
    	margin: 25px 0 0;
    }
    div.sidebar {
    	float: right;
    	overflow: hidden;
    	padding: 0 15px;
    	width: 290px;
    }
    div#primary	{
    	margin: 15px 0 0;
    }
    div#secondary	{
    	margin: 0 0 20px;
    	clear: right;
    }
    .sidebar-column {
    	font-size: 0.9em;
    	overflow: hidden;
    	padding: 0 5px 10px;
    	width: 46%;
    }
    #sidebar-column1 {
    	float: left;
    	margin: 15px 0;
    }
    
    #sidebar-column2 {
    	float: right;
    	margin: 15px 0;
    }
    div#bottombars {
      clear: both;
      width: 100%;
      overflow: hidden;
    }
    .bottombar-column {
    	float: left;
    	overflow: hidden;
    	margin: 0 2%;
    	width: 28%;
    	padding: 0 0 20px;
    }
    div#footer {
    	clear: both;
    	height: 1.2em;
    	overflow: hidden;
    	padding: 4px 10px;
    }
    
    /* hide not used elements (read about this in the documentation if you want to use sandbox templates with dkret) */
    .meta-sep, .entry-meta-above .cat-links, .entry-meta-above .tag-links, .entry-meta-above .edit-link,
    .home .entry-meta .author, .home .entry-meta .comments-link {
      display: none;
    }
    
    /* show special elements */
    #footer .meta-sep {
    	display: inline;
    }
    
    /* Default html styles and css classes */
    h2, h2 a, h2 a:hover, h3, h3 a, h3 a:hover, h4, h4 a, h4 a:hover {
    	color: #ffae33;
    	font-weight: normal;
    	margin: 20px 0 10px;
    	text-align: left;
    }
    a {
    	color: #ffae33;
    	outline: none;
    	text-decoration: none;
    }
    a:hover {
    	color: #ffae33;
    }
    a img {
    	border: none;
    }
    img {
    	font-size: 0.6em;
    }
    strong, b {
    	font-weight: bold;
    }
    em, i, cite {
    	font-style: italic;
    }
    big {
    	font-size: 120%;
    }
    small {
    	font-size: 80%;
    }
    hr {
    	border-bottom: 1px dotted #d8fbd8;
    }
    pre {
    	background: #f6f6f6;
    	border: 1px solid #ccc;
    	overflow: auto;
    	padding: 5px;
    	font-family: 'Bitstream Vera Sans Mono','Andale Mono','LucidaTypewriter',monospace;
    }
    code {
    	background: #f6f6f6;
    	font-family: 'Bitstream Vera Sans Mono','Andale Mono','LucidaTypewriter',monospace;
    	font-size: 0.8em;
    	margin: 10px 0 10px 0;
    }
    blockquote {
    	background-color: #F5FCFF;
    	border: 1px solid #D1EFFF;
    	margin: 5px 15px;
    	padding: 5px 20px;
    }
    .right {
    	text-align: right;
    }
    .centered {
    	text-align: center;
    }
    .block {
    	text-align: justify;
    }
    .clear {
    	clear: both;
    	padding: 10px 0 0 0;
    }
    .space {
    	padding: 15px 0 0 0;
    }
    .border {
    	border-bottom: 1px solid #444;
    }
    .padding {
    	padding: 3px;
    }
    .icon {
    	padding: 0!important;
    	margin: 0!important;
    	border: none!important;
    }
    acronym, abbr, span.caps {
    	cursor: help;
    	border-bottom: 1px dotted;
    }
    .entry-header .entry-date abbr {
    	border: none;
    }
    
    /* images */
    .noborder {
    	border: none!important;
    }
    .entry-content .wp-smiley { /* anzeige von smileys.. nicht(!) stylen */
    	padding: 0 !important;
    	float: none !important;
    	margin: 0 !important;
    	border: 0 !important;
    }
    #nav-images {
    	height: auto;
    	margin: 0 0 30px;
    	overflow: hidden;
    }
    .image, .entry-content img {
    	margin: 10px;
    }
    .entry-gallery {
    	overflow: hidden;
    }
    .entry-gallery-image {
    	margin: 0 10px 5px 0;
    	float: left;
    }
    .size-medium, .size-thumbnail, .size-large , .size-full,
    .gallery img, .attachment-medium, .attachment-thumbnail, .gallery .attachment-thumbnail {
    	background: #f6f6f6;
    	border: 1px solid #ccc;
    	margin: 0 10px 0 0;
    	padding: 3px;
    }
    .entry-gallery-image .attachment-thumbnail {
    	margin: 2px;
    }
    .gallery {
    	margin: auto;
    }
    .gallery-caption {
    	margin-left: 0;
    }
    .gallery-item {
    	float: left;
    	margin-top: 10px;
    	padding: 5px 0;
    	text-align: center;
    	width: 33%;
    }
    .image {
    	margin: 0 5px;
    	padding: 3px;
    }
    #content .wp-caption, .entry-gallery-image {
    	padding: 3px 0 0 0;
    	background: #f6f6f6;
    	border: 1px solid #ccc;
    	text-align: center;
    }
    #content .wp-caption-text, .gallery-caption {
    	margin: 2px;
    	font-size: .8em;
    }
    #content .wp-caption img {
    	margin: 0 auto;
    	padding: 0;
    }
    .entry-caption {
    	text-align: center;
    }
    img.aligncenter, #content .aligncenter, #content .attachment-medium, #content .attachment-large {
    	clear: both;
    	display: block;
    	float: none;
    	margin: 10px auto;
    }
    #content .alignleft {
    	float: left;
    	margin: 10px 10px 10px 0;
    }
    #content .alignnone {
    	margin: 10px 10px 10px 0;
    }
    #content .alignright {
    	margin: 10px 0 10px 10px;
    	float: right;
    }
    
    /* forms and tables */
    input, textarea {
    	background: url(images/bg-input.jpg) top left repeat-x;
    	border: 1px solid #ccc;
    	margin: 0 0 5px 0;
    }
    textarea {
    	overflow: auto;
    }
    input:focus, textarea:focus {
    	background:#ffc;
    	overflow: auto;
    }
    label:hover {
    	cursor:pointer;
    }
    
    /* header */
    #wrapper {
    	background-color: #fff;
    	border-left: 1px solid #444;
    	border-right: 1px solid #444;
    	text-align: left; /* needed for center hack in the body to display website centered in IE < 6 */
    }
    #blog-translation {
    	float: left;
    	padding: 5px 0 0 5px;
    }
    #blog-translation li{
    	float: left;
    	padding: 0 2px 0;
    }
    #qtranslate-language-chooser li {
    	background: none;
    	padding: 0;
    }
    #header {
    	background: #fff url(images/bg_header_grass.jpg) repeat-x;
    	cursor: pointer;
    	text-align: right;
    }
    #blog-title {
    	font-size: 2.3em;
    	font-weight: normal;
    	padding: 15px 80px 0;
    }
    #blog-description {
    	font-size: 1.1em;
    	padding: 0 80px 0;
    }
    .access-rss {
    	background: url(images/iconset.gif) no-repeat 0 -1869px;
    	display: inline;
    	float: right;
    	margin: 0 2px;
    	padding: 0 0 0 22px;
    }
    .access-gallery {
    	background: url(images/picture.gif) no-repeat 0 2px;
    	display: inline;
    	float: right;
    	margin: 0 2px;
    	padding: 0 0 0 19px;
    }
    .access-library {
    	background: url(images/book.gif) no-repeat 0 2px;
    	display: inline;
    	float: right;
    	margin: 0 2px;
    	padding: 0 0 0 19px;
    }
    .access-sep {
    	display: none;
    }
    #access {
    	background: #d8fbd8 url(images/bg_green.jpg) repeat-x;
    	border-bottom: 1px solid #444;
    	font-size: 1.2em;
    }
    
    /* suckerfish top-navigation */
    #menu ul { /* Safari hack - otherwise menus are not fully accessable */
    	z-index:1;
    }
    #menu a {
    	display: block;
    	padding: 0 6px;
    }
    #menu li, #menu-2 li {
    	float: left;
    }
    #menu li:hover, #menu li.sfhover { /* ie7 hack - otherwise menus stay forever */
    	position: static;
    }
    #menu li ul {
    	background: #eefad7;
    	padding: 2px 5px 5px 5px;
    	position: absolute;
    	left: -999em;
    	border: 1px solid #444;
    }
    #menu li ul a {
    	font-size: 0.85em;
    	white-space: nowrap;
    }
    #menu li ul li {
    	display: inline; /* IE5.5 hack - otherwise subemenus are not accessable */
    	float: none;
    }
    #menu li li ul {
    	background: #faefd7;
    	margin: -21px 0 0 90%;
    	position: absolute;
    	left: -999em;
    }
    #menu li li li ul {
    	background: #eefad7;
    	margin: -21px 0 0 90%;
    	position: absolute;
    	left: -999em;
    }
    #menu li:hover ul ul, #menu li:hover ul ul ul,
    #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
    	left: -999em;
    }
    #menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
    #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul {
    	left: auto;
    }
    .current_page_item .page_item a {
    	font-weight: normal;
    }
    .current_page_item a {
    	font-weight: bold;
    }
    
    /* content */
    #container {
    	background-color: #fff;
    }
    #content {
    	border-right: 1px dotted #ccc;
    	line-height: 1.3em;
    	text-align: justify;
    }
    #content h2 {
    	font-size: 1.4em;
    	margin: 0;
    }
    #content h2 a:hover, #content h3 a:hover {
    	color: #ffae33;
    }
    #content h3 {
    	font-size: 1.2em;
    }
    #content h4 {
    	font-size: 1.1em;
    }
    #content p {
    	margin: 10px 0;
    }
    #content ul li {
    	background: url(images/bullet_blue.gif) no-repeat 0 1px;
    	padding: 0 0 0 16px;
    }
    #content ul ul li {
    	padding: 0 0 0 15px;
    }
    #content ol li {
    	margin: 0 0 0 30px;
    	list-style: decimal;
    	padding: 0;
    }
    div.hentry div.entry-content ul.xoxo li ul {
    	margin: 0pt 0pt 2em;
    }
    #content dt {
    	color: #ffae33;
    }
    .navigation {
    	height: 40px;
    }
    .meta-nav {
    	display: none;
    }
    .single #nav-below {
    	margin: 40px 0 0;
    }
    .nav-previous, .backlink {
    	background: url(images/bullet_back.gif) no-repeat left center;
    	padding: 0 0 0 16px;
    	display: block;
    }
    .nav-previous {
    	float: left;
    }
    .nav-next {
    	background: url(images/bullet_go.gif) no-repeat right center;
    	padding: 0 16px 0 0;
    	float: right;
    }
    #nav-images .nav-previous {
    	background: none;
    	border: none;
    	float: left;
    }
    #nav-images .nav-next {
    	background: none;
    }
    .page-link {
    	margin: 20px 0 0;
    }
    #content .entry-title {
    	margin: 0 0 10px;
    }
    #content .attachment .entry-title {
    	text-align: center;
    }
    
    #content .page-title {
    	margin: 0 0 20px;
    }
    .entry-calendar-date { /* calendar like dates */
    	border: 1px solid #ccc;
    	color: #666;
    	display: block;
    	float: left;
    	font-size: 1.1em;
    	line-height: 0.9em;
    	margin: 0 5px 0 0;
    	padding: 3px;
    	text-align: center;
    	text-transform: uppercase;
    }
    .entry-calendar-date .entry-calendar-day {
    	color: #ccc;
    	display: block;
    	font-weight: bold;
    	letter-spacing: -2px;
    }
    .entry-calendar-date .entry-calendar-year {
    	color: #666;
    	display: block;
    	letter-spacing: -2px;
    	text-indent: -3px;
    }
    .entry-gallery .entry-title {
    	text-align: center;
    }
    .entry-gallery .entry-date {
    	background: none;
    	padding: 0;
    }
    .entry-gallery .entry-date abbr {
    	border-bottom: none;
    	padding: 0 0 10px;
    	text-align: center;
    	display: block;
    }
    .entry-header {
    	margin: 0 0 10px 0;
    	overflow: hidden;
    }
    .edit-link {
    	background: url(images/iconset.gif) no-repeat 0 -1700px;
    	padding: 0 0 0 22px;
    }
    .text-link {
    	display: none;
    }
    .info {
    	margin: 2px 0 0 0!important;
    }
    .entry-meta-above {
    	margin: -5px 0 0;
    	padding: 0 0 10px;
    }
    .entry-meta, #now-reading-statistic {
    	background: #f6f6f6;
    	border-bottom: 1px dotted #666;
    	border-top: 1px dotted #666;
    	line-height: 1.6em;
    	margin: 30px 0 40px;
    	overflow: hidden;
    	padding: 5px 0;
    	width: 100%;
    }
    .home .entry-meta {
    	margin: 20px 0;
    }
    
    .entry-date  {
    	background: url(images/iconset.gif) no-repeat 0 -509px;
    	padding: 0 0 0 21px;
    	margin: -5px 0 10px;
    }
    .post .author, .entry-meta  .author  {
    	background: url(images/iconset.gif) no-repeat 0 -2px;
    	padding: 0 0 0 21px;
    }
    .translation-links {
    	background: url(images/world.gif) no-repeat;
    	padding: 0 0 0 21px;
    }
    .page .translation-links {
    	display: block;
    	margin: 5px 0 0;
    }
    .cat-links, .entry-categories {
    	background: url(images/iconset.gif) no-repeat 0 -170px;
    	padding: 0 0 0 22px;
    }
    .entry-content .tag-links, .entry-meta .tag-links, .entry-tags {
    	background: url(images/iconset.gif) no-repeat 0 -680px;
    	padding: 0 0 0 22px;
    }
    .comments-link {
    	background: url(images/iconset.gif) no-repeat 0 -338px;
    	padding: 0 0 0 22px;
    }
    .entry-rss {
    	background: url(images/iconset.gif) no-repeat 0 -1871px;
    	padding: 0 0 0 22px;
    }
    .entry-content {
    	clear: both;
    	overflow: hidden;
    	width: 100%;
    }
    .related {
    	margin: 30px 0 0;
    }
    .page .edit-link {
    	clear: both;
    	display: block;
    	margin: 70px 0 0;
    }
    .page .entry-meta .edit-link {
    	clear: none;
    	display: inline;
    	margin: 0;
    }
    .single .edit-link {
    	display: block;
    	margin: 20px 0 0;
    }
    .comments .edit-link, .reply {
    	display: inline;
    	margin: 0;
    }
    .home .entry-meta .tag-links {
    	float: none;
    }
    .page .tag-links {
    	float: right;
    	margin: 1.2em 0 0 0;
    }
    .page .entry-meta .tag-links {
    	float: none;
    	margin: 0;
    }
    #content .post, #content .singlepost {
    	clear: both;
    	margin: 0 0 10px;
    	padding: 0 0 20px;
    }
    .single #content .post {
    	margin: 0;
    	padding: 0;
    }
    .more-link, .more {
    	background: url(images/iconset.gif) no-repeat 0 -848px;
    	padding: 0 0 0 17px;
    }
    .rss {
    	background: url(images/iconset.gif) no-repeat 0 -624px;
    	padding: 0 0 0 21px;
    }
    .attachment .entry-meta {
    	display: none;
    }
    /* asides */
    body.home div.category-asides * {
    	display:inline;
    }
    body.home div.category-asides .entry-calendar-date,
    body.home div.category-asides .entry-meta-above,
    body.home div.category-asides h2.entry-title,
    body.home div.category-asides div.entry-date,
    body.home div.category-asides .entry-meta .meta-sep,
    body.home div.category-asides .entry-meta .cat-links,
    body.home div.category-asides .entry-meta .tag-links {
    	display:none;
    }
    body.home div.category-asides .entry-meta {
    	background: none;
    	border: none;
    }
    body.home #content div.category-asides {
    	background: #d8fbd8 url(images/aside.png) no-repeat 0 8px;
    	border-bottom: 1px solid #ccc;
    	border-top: 1px solid #ccc;
    	margin: 0 0 45px;
    	padding: 10px 0 10px 20px;
    }
    #links-page .linkcat {
    	background: none;
    	margin: 0;
    	padding: 0;
    }
    
    /* comments*/
    #comments, #respond h3, #pings {
    	border-bottom: 1px solid #444;
    	margin: 30px 0 0;
    }
    #pings {
    	color: #048;
    }
    .commentlist .comment-author {
    	color: #048;
    	display: inline;
    	font-size: 1.2em;
    }
    .comment-meta {
    	height: 35px;
    }
    .commentlist .avatar {
    	border: 1px solid #666;
    	float: left;
    	margin: 4px 8px 0 0;
    	padding: 2px;
    }
    .commentlist .edit-link {
    	display: inline;
    	margin: 0;
    }
    .unapproved {
    	background: #393;
    	color: #eee;
    	display: block;
    	margin: 5px 0;
    	text-align: center;
    }
    #content .commentlist li {
    	border-bottom: 1px solid #ccc;
    	border-top: 1px solid #ccc;
    	list-style: none;
    	margin: 20px 0;
    	overflow: hidden;
    	padding: 7px;
    }
    #content .commentlist .even {
    	background: #fff;
    	border: none;
    }
    #content .commentlist .odd {
    	background: #f6f6f6;
    }
    #content .commentlist li.bypostauthor {
    	background: #d8fbd8;
    	border-bottom: 1px solid #ccc;
    	border-top: 1px solid #ccc;
    }
    #content .commentlist .children li {
    	margin: 10px 0 5px 20px;
    	border-top: none;
    	border-bottom: none;
    	border-left: 1px solid #ccc;
    }
    
    #content .commentlist li .pingback .even {
    	background: #f6f6f6 url(images/trackback_alt.png) no-repeat 0 8px;
    	padding: 7px 7px 7px 20px;
    }
    #content .commentlist li .pingback .odd {
    	background: #fff url(images/trackback.png) no-repeat 0 8px;
    	padding: 7px 7px 7px 20px;
    }
    
    p#comment-notes {
    	margin: 0 0 20px;
    }
    #commentform {
    	width: 100%;
    }
    #comment, #author, #email, #url {
    	width: 95%
    }
    #comment-live-preview {
    	background: #f6f6f6;
    	border-left: 1px solid #ccc;
    	display: block;
    	margin: 15px 0 10px 10px;
    	padding: 5px;
    }
    #comments blockquote, #live-preview blockquote {
    	background: #FBFBFB url(images/cite.gif) no-repeat scroll left top;
    	border: 1px solid #EBEBEB;
    	display: block;
    	font-size: 0.9em;
    	margin: 5px 30px 10px 0;
    	padding: 5px 10px 5px 17px;
    }
    .page-numbers, .page-link {
    	background: #f6f6f6;
    	border: 1px solid #ccc;
    	padding: 0.2em 0.5em;
    }
    
    /* sidebar & footer */
    .sidebar h2, .bottombar-column h3, .sidebar h3, .widget_title, #wp-calendar caption {
    	border-bottom: 1px dotted #444;
    	color: #3a7930;
    	margin: 15px 0 5px;
    }
    .widget_title {
    	clear: both;
    }
    #pages {
    	background: #eefad7;
    	border: 2px dotted #444;
    	margin: 15px 0 0;
    	padding: 7px 7px 0;
    }
    #pages h3 {
    	margin: 0 0 5px;
    }
    #pages ul {
    	padding: 0 0 5px 0;
    }
    #pages ul li {
    	background: none;
    	padding: 0;
    }
    #pages li.page_item {
    	background: url(images/bullet_sub.gif) no-repeat;
    	padding: 0 0 0 17px;
    }
    .sidebar ul ul li, .bottombar-column ul ul li {
    	background: url(images/bullet_blue.gif) no-repeat;
    	padding: 0 0 0 16px;
    }
    .sidebar .linkcat ul li, .bottombar-column .linkcat ul li {
    	background: url(images/bullet_go.gif) no-repeat;
    	padding: 0 0 0 18px;
    }
    .sidebar .linkcat, #bottombars .linkcat {
    	background: none;
    	padding: 0;
    }
    #rss-links li {
    	background: url(images/iconset.gif) no-repeat 0 -1871px;
    	margin: 6px 0 0;
    	padding: 0 0 0 22px;
    }
    .sidebar-column {
    	background: #d8fbd8 url(images/bg_green.jpg) repeat-x;
    	color: #333;
    }
    #log, #pwd, .sidebar select, #bottombars select {
    	width: 90%;
    }
    #calendar_wrap {
    	margin: 0 auto;
    	max-width: 250px;
    }
    #wp-calendar th { color: #048; width: 35px; }
    #wp-calendar tfoot { text-align: center; }
    #wp-calendar .nav { margin: 0 auto; }
    #wp-calendar td { padding: 0 3px; }
    
    #s {
    	background: white url(images/iconset.gif) no-repeat 2px -1528px;
    	padding: 3px 0 3px 25px;
      width: 80%;
    }
    
    #searchsubmit {
    	display: none;
    }
    
    /* footer */
    #footer {
    	background: #444;
    	color: #eee;
    }
    #footer a {
    	color: #07c;
    }
    #footer a:hover {
    	color: #09e;
    }
    div#bottombars {
    	background: #d8fbd8 url(images/bg_green.jpg) repeat-x;
    }
    
    /* CSS for supported Plugins */
    
    /* Event Calendar */
    table.ec3_schedule { border: 1px solid red; font-size: 1.5em; margin: 10px auto; width: 80%; }
    td.ec3_start, td.ec3_end { text-align: center; width: 45% }
    td.ec3_to { text-align: center; width: 10%; }
    li.ec3_list_day { background: none!important; font-size: 0.9em; padding: 0!important; }
    li.ec3_list_month { background: none!important; font-weight: bold; padding: 10px 0 5px 0!important; }
    
    /* iCal Events */
    #icalevents ul li { background: none!important; padding: 0!important;}
    #icalevents ul li ul li { 	background: url(images/bullet_blue.gif) no-repeat!important; color: #048; padding: 0 0 3px 15px!important;}
    
    /* wp-quotes */
    .wp_quotes_quote { margin: 5px 0; }
    .wp_quotes_author { color: #666; margin: 0 0 10px; text-align: right; }
    
    /* now-reading */
    .now-reading-copyright { display: block; padding: 30px 0; }
    .book { overflow: hidden; width: 98%; padding: 10px 0 10px 0; }
    
    /* simple tagging tag cloud */
    ul.wp-tag-cloud { text-align: center; list-style:none; list-style-position: inside}
    ul.wp-tag-cloud li {
      background: none!important;
      color: #ccc;
      display: inline;
      margin: 0!important;
      padding: 0!important;
    }
    ul.wp-tag-cloud li a:hover { color: #68f!important; }
    ul.wp-tag-cloud li.t1 a { color:#797979; font-size: 1.05em; }
    ul.wp-tag-cloud li.t2 a { color:#6d6d6d; font-size: 1.1em; }
    ul.wp-tag-cloud li.t3 a { color:#616161; font-size: 1.15em; }
    ul.wp-tag-cloud li.t4 a { color:#555555; font-size: 1.2em; }
    ul.wp-tag-cloud li.t5 a { color:#484848; font-size: 1.25em; }
    ul.wp-tag-cloud li.t6 a { color:#3c3c3c; font-size: 1.3em; }
    ul.wp-tag-cloud li.t7 a { color:#303030; font-size: 1.35em; }
    ul.wp-tag-cloud li.t8 a { color:#242424; font-size: 1.4em; }
    ul.wp-tag-cloud li.t9 a { color:#181818; font-size: 1.45em; }
    ul.wp-tag-cloud li.t10 a { color:#0c0c0c; font-size: 1.5em; }
    
    /* Pagebar */
    .pagebar { text-align: center; padding: 20px 0 20px 0; margin: 0px; }
    .pagebar a, .pageList .this-page { padding: 2px 6px; border: solid 1px #ccc; background: #fff; text-decoration: none; }
    .pagebar a:visited { padding: 2px 6px; border: solid 1px #ccc; background: #fff; text-decoration: none; }
    .pagebar .break { padding: 2px 6px; border: none; background: #fff; text-decoration: none; }
    .pagebar .this-page	{ padding: 2px 6px; border-color: #999; font-weight: bold; vertical-align: top; background: #fff; }
    .pagebar a:hover { color: #fff; background: #0063DC; border-color: #036; text-decoration: none; }
    
    /* Download */
    .download-link {
    	background:#F5FCFF no-repeat 5px center;
    	border-bottom: 1px solid #D1EFFF;
    	border-top: 1px solid #D1EFFF;
    	font-size: 1.1em;
    	margin:20px 0 20px 0;
    	padding: 10px 0 0;
    }
    .download-link img { border: none!important; float: left; margin: 5px 10px!important; }
    .download-link h4 { margin: 0; }
    
    /* PSXmail */
    .pxsmail form dt, dl.labels dt {
    	float:left;
    	position:relative; /*IEWin hack*/
    	width:10em;
    	text-align:right;
    }
    .pxsmail form dd, dl.labels dd { margin: 0 0 0.8em 10.5em; }
    .pxsmail .y_msg { width: 80%; }
    
    /* Our Todolist */
    .otd_completed {
      text-decoration: line-through;
    }
    
    /* World Wide Lexikon Project */
    .marxWidget { margin: 0!important; }
    #marxWidget { font-size: 0.8em!important; margin: 0!important; }
    .wwlPreviews div { height: auto!important; }
    #marxWidget img, .marxWidget img { margin: 0!important; padding: 0 2px 0 0!important; }
    #marxWidget a, .marxWidget a { padding: 0 2px!important; }
    #marxTranslated span { clear: both; }
    #marxModal { margin:-40px 0pt 0pt -350px!important; padding: 10px; }
    #marxModal img { border: none; }
    
    /* Post Avatar Plugin */
    .entry-postavatar { float: left; }
    .entry-postavatar img { padding: 0; }
    
    /* wp-quotes & yarq */
    .wp_quotes_quote, #yarq_quote { background: none; border: none; margin: 5px 0; padding: 0;}
    .wp_quotes_author, #yarq_author { color: #666; margin: 0 0 10px; text-align: right; }
    
    /* sf-forum */
    .sfforumlink img {
    	border: none!important;
    	margin: 0;
    	padding: 0;
    }

    try this and see if it helps

    body {
    background-color:#556677 !important;
    font-size:0.9em;
    text-align:center;
    }

    the !important will override later styling assignments

    You are already using the layout (scheme) file “fluedelity.css”. rename this Stylesheet and change the background color there. This way you can update to newer dkret3 versions without having to make your changes again.

    It is not important to add !important to your styles because layout files are loaded AFTER style.css.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘change background color behind floating pages’ is closed to new replies.