Jump to content

Help With Wordpress Theme


lulu

Recommended Posts

I worked that one out, however my css isn't working, can you please see what I'm doing wrong. 

* { 
margin: 0px; 
padding: 0px; 
}

header, section, aside, nav, article, hgroup { 
display: block; 
}

body { 
background-image: url('/wp-content/themes/wonderland_designs/background.png'); 
display:block; 
background-repeat: repeat-y, x; 
text-align:center; 
font-family: georgia; 
font-size: 13px; 
background-color: #e8d8e1; 
width: 1000px; 
height: 1200px; 
} 

table { 
font-family: american typewriter; 
font-size: 14px; 

}

#header_wrapper { 
width:1300px; 
margin:0px; 
text-align: justfiy; 
}

#header { 
width: 1300px; 
margin:0;  
}

#nav { 
width: 1300px; 
height: 200px; 
text-align: center; 
text-indent: 10px;
}

#nav a { 
font-family: american typewriter; 
font-size: 14px; 
letter-spacing: 5px; 
color: #fed3d3; 
}

#nav a:hover { 
color: white; 

}

#section { 
float: center; 
width: 650px; 
margin: 5px 2px 1px 5px
text-align:left; 
}

#section_top { 
background-image: url ('/wp-content/themes/wonderland_designs/images/section_top.png'); 
bacground-repeat: no repeat; 
width: 650px; 
height: 50px; 
font: georgia 15px
color: white; 
text-transform: capitalize;
text-align: center; 

}

#section_content { 
background-image: url ('/wp-content/themes/wonderland_designs/images/section_content.png'); 
background-repeat: repeat-y; 
padding: 15px; 
background-color: #; 

}

#section_bottom { 
background-image:url('/wp-content/themes/wonderland_designs/images/section_bottom.png); 
width: 651px; 
height: 15px; 
margin-bottom:10px; 

}
#aside { 
float: left; 
width: 250px; 
margin: 5px, 7px; 
text-align: left; 
}

#aside_content { 
background-image: url ("wp-content/themes/wonderland_designs/themes/images/aside_content.png"); 
background-repeat:repeat-y; 
padding: 5px, 5px, 0px, 5px; 
}

#aside_bottom { 

background-image: url('wp-content/themes/wonderland_designs/aside_bottom.png'); 
width:245px; 
height: 20px; 
margin-bottom: 5px; 
}

#footer{
	font: american typewriter; 
	clear:both;
	text-align:center;
	display:block;
	background-color: #fee4e4;
	width:100%;
	margin:0;
	padding-top:2px;
	color:#ffffff;
	text-transform:lowercase

}

#footer a {
	color:#ffffff;
	
}

#footer a:hover {
	color:#e0d3bb;
}


#posts_info {
	height:30px;
	text-align:center;
	text-transform:lowercase; 
	margin-top:10px;
}




	
h1 {
	font: 14px Georgia;
	letter-spacing:2px;
	text-transform:lowercase;
	text-align:jusify;
	margin-top:0px;
}

h2 {
	font:  9px Georgia;
	
	text-transform:uppercase;
	text-align:left;
	margin-top:0px;
}

#section_content img {
	border: 5px solid rgba(0,0,0,.05);
	margin:0px;
	-webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition:.4s ease-in-out;
	
}

#section_content img:hover {
	border: 5px solid #e53c2e;
}

#section_content img {
	border: 3px solid rgba(0,0,0,.05);
		-webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  transition:.2s ease-in-out;
}

#aside_content img:hover {
	border: 3px solid #e53c2e;
}



blockquote {
	font-family:georgia;
	font-size:12px;
	line-height: 
	padding:10px;
	margin:0px 15px;
	border-left:5px solid white
	
	
}

input,textarea {
	color: black
	font-family:georgia;
	font-size:13px;
	line-height:
	background-color:rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
}

input:hover {
	border: 1px solid rgba(0,0,0,.05);
}

textarea:hover {
	border: 1px solid rgba(0,0,0,.05);
}

ol { 
	padding: 7px 6px 0px 15px;
	margin:0px;
    list-style-type: decimal-leading-zero;
	font-weight:bold;
	
}

li {
	padding-bottom: 7px;
	font-weight:normal;
	font-weight: bold;
}


a:link, a:active, a:visited{
	color:black; 
	font-weight: normal;
	text-decoration:none;
}
a:hover{
	color:white; 
}

You had lots of typo's,bad,missing,incorrect css in that, pretty sure you saw a white page.

 

In the future can test it here.

https://jigsaw.w3.org/css-validator/#validate_by_input+with_options

 

fixed and passes:

* { 
margin: 0px; 
padding: 0px; 
}
 
header, section, aside, nav, article, hgroup { 
display: block; 
}
 
body { 
background-image: url("/wp-content/themes/wonderland_designs/background.png"); 
display:block; 
background-repeat: repeat; 
text-align:center; 
font-family: georgia; 
font-size: 13px; 
background-color: #e8d8e1; 
width: 1000px; 
height: 1200px; 
} 
 
table { 
font-family: american typewriter; 
font-size: 14px; 
 
}
 
#header_wrapper { 
width:1300px; 
margin:0px; 
text-align: justify; 
}
 
#header { 
width: 1300px; 
margin:0;  
}
 
#nav { 
width: 1300px; 
height: 200px; 
text-align: center; 
text-indent: 10px;
}
 
#nav a { 
font-family: american typewriter; 
font-size: 14px; 
letter-spacing: 5px; 
color: #fed3d3; 
}
 
#nav a:hover { 
color: white; 
 
}
 
#section { 
width: 650px; 
margin: 5px 2px 1px 5px;
text-align:left; 
}
 
#section_top { 
background-image: url("/wp-content/themes/wonderland_designs/images/section_top.png"); 
background-repeat: no-repeat; 
width: 650px; 
height: 50px; 
font-family: georgia;
font-size: 15px;
color: white; 
text-transform: capitalize;
text-align: center; 
 
}
 
#section_content { 
background-image: url("/wp-content/themes/wonderland_designs/images/section_content.png"); 
background-repeat: repeat-y; 
padding: 15px; 
background-color: white; 
 
}
 
#section_bottom { 
background-image:url("/wp-content/themes/wonderland_designs/images/section_bottom.png"); 
width: 651px; 
height: 15px; 
margin-bottom:10px; 
 
}
#aside { 
float: left; 
width: 250px; 
margin: 5px 7px; 
text-align: left; 
}
 
#aside_content { 
background-image:url("/wp-content/themes/wonderland_designs/themes/images/aside_content.png"); 
background-repeat:repeat-y; 
padding: 5px 5px 0px 5px; 
}
 
#aside_bottom { 
background-image: url("/wp-content/themes/wonderland_designs/aside_bottom.png"); 
width:245px; 
height: 20px; 
margin-bottom: 5px; 
}
 
#footer{
	font: american typewriter; 
	clear:both;
	text-align:center;
	display:block;
	background-color: #fee4e4;
	width:100%;
	margin:0;
	padding-top:2px;
	color:#ffffff;
	text-transform:lowercase;
 
}
 
#footer a {
	color:#ffffff;
	
}
 
#footer a:hover {
	color:#e0d3bb;
}
 
 
#posts_info {
	height:30px;
	text-align:center;
	text-transform:lowercase; 
	margin-top:10px;
}
 
 
 
 
	
h1 {
	font: 14px Georgia;
	letter-spacing:2px;
	text-transform:lowercase;
	text-align:justify;
	margin-top:0px;
}
 
h2 {
	font:  9px Georgia;
	
	text-transform:uppercase;
	text-align:left;
	margin-top:0px;
}
 
#section_content img {
	border: 5px solid rgba(0,0,0,.05);
	margin:0px;
	-webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  transition:.4s ease-in-out;
	
}
 
#section_content img:hover {
	border: 5px solid #e53c2e;
}
 
#section_content img {
  border: 3px solid rgba(0,0,0,.05);
  -webkit-transition:.2s ease-in-out;
  -moz-transition:.2s ease-in-out;
  -o-transition:.2s ease-in-out;
  transition:.2s ease-in-out;
}
 
#aside_content img:hover {
	border: 3px solid #e53c2e;
}
 
 
 
blockquote {
	font-family:georgia;
	font-size:12px;
	line-height:100%; 
	padding:10px;
	margin:0px 15px;
	border-left:5px solid white;
	
	
}
 
input,textarea {
	color: black;
	font-family:georgia;
	font-size:13px;
	line-height:100%;
	background-color:rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
}
 
input:hover {
	border: 1px solid rgba(0,0,0,.05);
}
 
textarea:hover {
	border: 1px solid rgba(0,0,0,.05);
}
 
ol { 
	padding: 7px 6px 0px 15px;
	margin:0px;
    list-style-type: decimal-leading-zero;
	font-weight:bold;
	
}
 
li {
	padding-bottom: 7px;
	font-weight:normal;
	font-weight: bold;
}
 
 
a:link, a:active, a:visited{
	color:black; 
	font-weight: normal;
	text-decoration:none;
}
a:hover{
	color:white; 
}

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.