Help Image Alignment Problem?
-
Ok… I need to walk away and let a second or two pair of eyes take a look. I am trying to align the content image with my header. I had it and I don’t know what I hit or deleted. Can you please help me out.
Here is the link to my blog:
https://aftertheglow.com/blogHere is the code:
/*
Theme Name: WordPress Theme Generator
Theme URI: https://www.yvoschaap.com/wpthemegen/
Description: WordPress Custom Theme for after the glow created with the WordPress Theme Generator. To edit your current theme go: edit settings.
Version: 11 Jan, 7:41
Author: W.P. Gen
Author URI: https://www.yvoschaap.com/*/
html>body #content {
height: auto;
min-height: 600px;
background-image:url(”);
background-repeat:repeat-y;
}body{
font-family: georgia;
font-size: 90%;
line-height: 115%;
background-image: url(https://aftertheglow.com/images/content.gif);
background-repeat: repeat-y;
text-align: center;
position: relative;
top: 2px;
left: -20px;}
body,td,th {
color: #412312;
}a, a:link {
padding: 1px;
color: #945634;
text-decoration: underline;
}a:hover {
color: #528171;
text-decoration: none;
;
}h1 {
font-family: georgia;
font-weight: bold;
font-size: 190%;
padding-top: .1em;
padding-bottom: .5em;
position: relative;
top: -30px;
left:-75px;
}h2 {
font-family: georgia;
font-weight: bold;
font-size: 105%;
position: relative;
top: 10px;
left:120px;
}h3 {
font-family: georgia;
font-size: 130%;
}h4 {
font-size: 105%;
}p {
font-size: 80%;
margin-bottom:1em;
}strong, b {
font-weight: bold;
}em, i {
font-style: italic;
}code {
font: 1.1em ‘georgia’, georgia, Fixed;
}acronym, abbr
{
font-size: 0.9em;
letter-spacing: .07em;
}a img {
border: none;
}#hd{
text-align: center;
padding-top: 24px;
padding-bottom: 24px
}
#hd h1{
font-size: 290%;
color: #945634;}
#hd h1 a{
text-decoration: none;
color: #FFFFFF;
}h3 a:link color: #60603A;, h3 a:hover, h3 a:visited{
color: #B5B597;
}.item {
padding: 10px;
background-color: transparent;
background-image: url();
background-repeat: repeat;
text-align:left;
border: 0px solid #4D4D0F;
margin-bottom: 1em;
position: relative;
top: -350px;
left: 22px;}
.item ul {
list-style-type: disc;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}.item ol{
list-style-type: decimal;
padding-left: 15px;
margin-left: 10px;
font-size: 80%;
}.itemhead{
padding-top: 5px;
padding-bottom: 5px;
}.chronodata {
display: inline;
text-align: right;
margin-left: 2em;
font-size: 80%;
}.itemhead h3{
display: inline;
}input{
font-size: 80%;
}.metadata{
line-height: 190%;
font-size: 70%;}
.metadata a:link, .metadata a:hover, .metadata a:visited{
color: #474730;
}.tags, .catagory {
display: block;
}
.commentlist p {
clear: both;
font-size: 95%;
background-color: #8F8466;
}cite{
font-size: 95%;
}blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #D0D0BD;
background-color: #8F8466;
}blockquote cite {
margin: 10px 0 0;
display: block;
background-color: #8F8466;
}.commentmetadata {
font-size: 90%;
float: right;}
.commentlist {
margin-top: 5px;
}
.commentlist li {
padding: 2px;
border-top: 1px dotted #4D4D0F;
}.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #766F61;
position: relative;
top: -485px;
left:5px;
}
.navigation
a:link { color: #6B806F; }
a:visited { color: #766F61; }
a:hover { color: #4A7E76; }}
.alignright {
float: right;
}.alignleft {
float: left
}#secondary {
background-color: ;
background-image: url();
background-repeat: repeat-y;
text-align:left;
padding: 0px;
border: 0px solid #4D4D0F;
SP_GRADIENT
position: relative;
top: -280px;
left: 60px;
}#secondary h4, #third h4{
color: #859E6C;
font-family: georgia;
margin-top: 5px;
padding: 3px;}
#secondary p, #third p{
padding: 4px;
font-size: 70%;
}#searchform {
clear: both;
margin-bottom: 5px;
margin-left: 1px;
padding: 3px;
position: relative;
top: 0px;
left:0px;
}
#third {
margin-left: 3px;
position: relative;
top: -325px;
left: 5px;
}#menu {padding:0; border:0px solid #fff }
#menu ul {list-style:none; margin:0; padding:0; font-size:85%; }
#menu ul li { padding:0; margin:0; border-bottom:0px dashed #858577; }
#menu ul li a { display:block; padding:4px 4px 4px 5px; text-decoration:strong; color: #5E4E0F;}
#menu ul li a:hover { color:myheadttcolor; background: none; text-decoration:none; color: #4A6B68; }
position: relative;
top: -400px;
left:30px;li .categories, li .linkcat, li .pagenav {
list-style: none;
margin: 0px;
padding: 0px;
position: relative;
top: -100px;
left:-5px;
}.yui-nav{
margin-bottom: -1px;
}.yui-navset .yui-nav a:hover {
background-color: #C7D8D0;
color: #5E4E0F;
}.yui-navset .yui-nav li a {
background-color: #ACD3C0;
background-image: url();
background-repeat: repeat;
border-bottom: 0px;
color: #5E4E0F;
padding: .3em .7em .3em .7em;
text-decoration:none;
font-size: 85%;
position: relative;
top: -480px;
left:-15px;}
#wp-calendar {
empty-cells: show;
font-size: 90%;
margin: 0;
width: 90%;
padding: 3px;
}#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 td {
color: #5E4E0F;
font-size: 70%;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}#wp-calendar #today {
background: ;
color: #788756;
}#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}#ft {
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
color: #7F7B6B;}
#ft a:link color: #383122;, #ft a:hover, #ft a:visited{
color: #BFAE62;}
Any design tips or constructive criticism welcome. Thanks in advance!
- The topic ‘Help Image Alignment Problem?’ is closed to new replies.