I can’t get my layout to change
-
Urggh. I am getting frustrated.
I finally figure out how to change the layout to look like I want it to look, but now, I can’t get it to display. I have uploaded it as well as editted it through the templates menu in Word Press. What am I doing wrong?
Here is the layout…
/* Default WordPress by Dave Shea || https://mezzoblue.com
Modifications by Matthew Mullenweg || https://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. ??
*/
/*Links */
a {
color: #000000;
}
a img {
border: none;
}
a:visited {
color: #CC0000;
}
a:hover {
color: #593500;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
cursor: help;
font-size: 90%;
letter-spacing: .07em;
}
blockquote {
border-left: 5px solid #593500;
margin-left: 1.5em;
padding-left: 5px;
}
/*Background */
body {
background: #BD7300;
border: solid 2px #300;
color: #000;
font-family: Verdana, sans-serif;
margin: 0;
padding: 0;
}
cite {
font-size: 90%;
font-style: normal;
}
/*Heading Styles */
h2 {
border-bottom: 1px dotted #ccc;
font: 95% “Times New Roman”, serif;
letter-spacing: 0.2em;
margin: 15px 0 2px 0;
padding-bottom: 2px;
}
h3 {
border-bottom: dotted 1px #eee;
font-family: “Times New Roman”, serif;
margin-top: 0;
}
/*Comments & Feedback*/
ol#comments li p {
font-size: 100%;
}
p, li, .feedback {
font: 90%/175% Verdana, sans-serif;
letter-spacing: -1px;
}
/* classes used by the_meta() */
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
/*Give credit to WordPress */
.credit {
background: #D78100;
border-top: double 3px #aba;
color: #fff;
font-size: 11px;
margin: 10px 0 0 0;
padding: 3px;
text-align: center;
}
.credit a:link, .credit a:hover {
color: #fff;
}
.feedback {
color: #fff;
text-align: right;
clear: all;
}
.meta {
font-size: .75em;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
color: #808080;
font-weight: normal;
letter-spacing: 0;
}
/*Entry Title */
.storytitle {
margin: 0;
}
.storytitle a {
text-decoration: none;
}
/*Comments */
#commentform #name, #commentform #email, #commentform #url, #commentform textarea {
background: #fff;
border: 1px solid #333;
padding: .2em;
}
#commentform textarea {
width: 100%;
}
#commentlist li ul {
border-left: 1px solid #ddd;
font-size: 110%;
list-style-type: none;
}
/*Entry */
#content {
margin: 30px 13em 0 3em;
padding-right: 60px;
}
/*Box of Title */
#header {
background: #D78100;
border-bottom: double 3px #100;
border-left: solid 1px #100;
border-right: solid 1px #100;
border-top: solid 1px #100;
font: italic normal 230% ‘Times New Roman’, serif;
letter-spacing: 0.2em;
margin: 0;
padding: 15px 10px 15px 60px;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
}
/*Menu */
#menu {
background: #FFC671;
border-left: 1px dotted #593500;
border-top: solid 3px #593500;
padding: 20px 0 10px 30px;
position: absolute;
right: 2px;
top: 0;
width: 11em;
}
#menu form {
margin: 0 0 0 13px;
}
#menu input#s {
width: 80%;
background: #FFC671;
border: 1px solid #593500;
color: #593500;
}
#menu ul {
color: #593500;
font-weight: bold;
list-style-type: none;
margin: 0;
padding-left: 3px;
text-transform: lowercase;
}
#menu ul li {
font: italic normal 110% ‘Times New Roman’, serif;
letter-spacing: 0.1em;
margin-top: 10px;
padding-bottom: 2px; /*border-bottom: dotted 1px #ccc;*/
}
#menu ul ul {
font-variant: normal;
font-weight: normal;
line-height: 100%;
list-style-type: none;
margin: 0;
padding: 0;
text-align: left;
}
#menu ul ul li {
border: 0;
font: normal normal 70%/115% Verdana, sans-serif;
letter-spacing: 0;
margin-top: 0;
padding: 0;
padding-left: 12px;
}
#menu ul ul li a {
color: #CC0000;
text-decoration: none;
}
#menu ul ul li a:hover {
border-bottom: 1px solid #FFC671;
}
#menu ul ul ul.children {
font-size: 142%;
padding-left: 4px;
}
/*Calendar */
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}
#wp-calendar a {
display: block;
text-decoration: none;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}
#wp-calendar td {
color: #ccc;
font: normal 12px Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}
Here is the site… https://jhall.ttemple.org/
- The topic ‘I can’t get my layout to change’ is closed to new replies.