Threaded Mode | Linear Mode

Sherre · 04-08-2014, 08:27 PM

I can't seem to be able to change the main background of the theme at all. Not matter what I do it stays white and I can change it to a simple plain color that I want. Please help.

<!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">
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}



<style> body{background-image: none; background-color: hexxxxx;}/*Code by CustomizeMyTumblr.com */</style>

<head>

<style type="text/css">

::-webkit-scrollbar-thumb:vertical {
height:12px;
border:3px solid #fff;
background-color:#ddd;
}
::-webkit-scrollbar-thumb:horizontal {
background-color:#fff;
}
::-webkit-scrollbar {
width:11px;
height:7px;
border:5px solid #fff;
background-color:#ddd;
}

body {
margin:0px;
color:#cecccc;
font-family:Calibri;
font-size:10px;
padding:5px;
line-height:100%;
}

a {
color:#cecccc;
text-decoration:none;
outline:none;
opacity:1 ;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

a:hover {
color:#1d1d1d;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
}

img {
border:none;
}

blockquote {
padding-left:5px;
border-left:2px solid;
}

blockquote blockquote {
padding-left:5px;
border-left:2px solid;
}

h1 {
font-size:15px;
}

#stuff{
margin-bottom:20px;
margin-top:130px;
margin-left:30%;
background:#ffffff;
height:210px;
width:440px;

}

#image {
position:fixed;
margin-left:2px;
margin-top:134px;
}

#image img {
width:226px;
height:210px;
border:6px solid #f8f8f8;
}

#aboutstuff {
width:226px;
background:#f8f8f8;
font-size:16px;
padding:3px;
text-transform:uppercase;
color:#cacaca;
border:4px double #eee;
font-family:times;
margin-left:1px;
line-height:115%;
text-decoration:underline;
position:fixed;
margin-top:59px;
}

#aboutstuff2 {
font-size:18px;
text-transform:lowercase;
color:#cacaca;
font-family:times;
margin-top:64px;
margin-left:61px;
float:left;
position:fixed;
line-height:115%;
font-style:italic;
}
#aboutstuff3 {
font-size:18px;
text-transform:lowercase;
color:#cacaca;
font-family:times;
margin-top:82px;
margin-left:45px;
float:left;
position:fixed;
line-height:115%;
font-style:italic;
}
#aboutstuff4 {
font-size:18px;
text-transform:lowercase;
color:#cacaca;
font-family:times;
margin-top:100px;
margin-left:93px;
float:left;
position:fixed;
line-height:115%;
font-style:italic;
}
#bigletter {
background-color: #ddd;
padding-left: 10px;
padding-top: 1px;
padding-bottom: 1px;
width:16px;
height:55px;
color:#fff;
font-size:35px;
margin-right:5px;
font-family:times;
text-transform:uppercase;
border:3px double white;
margin-left:0px;
float:left;
font-weight:bold;
line-height:160%;
padding-right:16px;
}

#about{
margin-bottom:25px;
background:#f8f8f8;
text-align:center;
width:270px;
height:270px;
padding:10px;
font-size:13px;
font-family:calibri;
letter-spacing:0px;
color:#a8a8a8;
line-height:100%;
border:4px double #eee;
margin-left:248px;
position:absolute;
margin-top:60px;
overflow:scroll;
text-align:justify;
}

@font-face{font-family:Basic L;src:url(http://static.tumblr.com/9wzbixa/Cf3mj2g...icl.ttf);}

#title {
font-size:48px;
color:#a8a8a8;
background:#f8f8f8;
width:500px;
border:4px double #eee;
text-align:center;
padding:20px;
padding-bottom:27px;
margin-top:-15px;
position:fixed;
text-transform:uppercase;
font-family:Basic L;
}

#links {
margin-left:105px;
}

#links a{
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
display:inline-block;
text-transform:uppercase;
letter-spacing:2px;
color:#a8a8a8;
background:#f8f8f8;
border:4px double #eee;
margin-top:370px;
margin-left:5px;
font-family:basic l;
text-align:center;
width:60px;
font-size:14px;
padding:8px 6px 9px 5px;
}

#links a:hover{
letter-spacing:4px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

Jenny · 04-08-2014, 08:31 PM

Customization procedure with code:

By including the {CustomCSS} tag at the bottom of your theme's CSS style block, users you share your theme with will be able to tweak the appearance of your theme without editing its markup.

<html>
<head>
<style type="text/css">
#content {
background-color: #fff;
color: #000;
}

{CustomCSS}
</style>
</head>
<body>
<div id="content">
...
</div>
</body>
</html>