• Site; Raw Twig dot com;
    Problem page; More Books

    After weeks of trying to get my tables, images, text right I finally did it. Now i have no idea whats happened to the rest of the page.

    Can someone PLEASE tell me what i have done wrong now and how to fix it please.

Viewing 7 replies - 16 through 22 (of 22 total)
  • OK, let’s deal with it here…

    To move it up closer to your menu, you need to alter the padding property in this rule:

    #header {
      clear: both;
      padding: 5px 0 80px;
      position: relative;
    }

    So, at the bottom of style.css, you need to add something like:

    #header {
      padding-bottom: 40px;
    }

    Obviously the value “40px” is just arbitrary. You can set it to whatever you want to make it look right for you.

    As to making the div narrower, you need to look at this rule:

    #breadcrumb {
      background: url("images/bg-breadcrumb.png") repeat-x scroll 0 0 transparent;
      border-bottom: 1px solid #FFFFFF;
      color: #666666;
      height: 50px;
      line-height: 50px;
    }

    The height is specified as 50px, so you would need to make that a smaller value. So you could add this rule to the bottom of your style.css file:

    #breadcrumb {
      height: 40px;
    }

    Again, the 40px value is just an arbitrary value I’ve picked out of the air. You can give it whatever value you like.

    When I had your ‘About Me’ page open yesterday, my wife arrived with a cup of tea and was interested to know what I was doing.

    :-/

    HTH

    PAE

    Thread Starter Raw Twig

    (@raw-twig)

    Awesome done….With the rss button how do i move him over to the right so he sits on that same line?

    I can hear it now “I’m helping her with code”..LOL…sure sure..LOL
    Dont go onto the page of my book “Your Man and Me” and scream for tea…LOL

    You can move the button right by adding a negative right margin to the “fr” class, like this:

    .fr {
      margin-right: -10px;
    }

    Obviously, you can change the value to any minus integer that puts the button where you want it.

    What page did you say….? Oh! Hello dear!

    ??

    Cheers

    PAE

    Thread Starter Raw Twig

    (@raw-twig)

    LOL…

    On the same page; just above the left book; in dark grey, it says “more books”.
    Where do i find the code for that so i can change the text to white?

    I know you looked…LOL..Its ok now you can call for tea…LOL

    This is the rule you’re interested in:

    .post .title a:link,
    .post .title a:visited,
    .single .title a:link,
    .single .title a:visited {
      color: #222222;
    }

    You need a new rule that looks like this, I think:

    .post .title a:link,
    .post .title a:visited,
    .single .title a:link,
    .single .title a:visited {
      color: #FFFFFF;
    }

    If you don’t want the rule to apply on single post pages (the page you get to by clicking on the title), use this rule instead:

    .post .title a:link,
    .post .title a:visited {
      color: #FFFFFF;
    }

    As before, add the new rule to the end of your style.css file.

    Cheers

    PAE

    Thread Starter Raw Twig

    (@raw-twig)

    Awesome Thanks so much for your help.

    Im off to play on my Poetry page; see if i can mess things up a little..LOL

    De nada/de rien/dim problem/no problem

    PAE

Viewing 7 replies - 16 through 22 (of 22 total)
  • The topic ‘Tables messed up my page’ is closed to new replies.