• 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/blog

    Here 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.