Support » Your WordPress » Blog Redesign

Viewing 15 replies - 1 through 15 (of 16 total)
  • Looks nice. Looks like Relaxation.

    anyone?

    oops my browser didnt show me your post until I posted. Yes it’s relaxation.

    I like Relaxation…except for one thing. And it’s just me. But I don’t like how much space there is on the left padding of the sidebar.

    It just seems uneven. More space on the left than on the right.

    But, like I said, that’s just my nitpickyness.

    Other than that, I dig it.

    here’s my css, can you tell me how to fix the sidebar padding please?

    html, body {
    margin: 0;
    padding: 0;
    text-align: center;
    }

    body {
    background: #a9ac99 url(images/jowra.gif) no-repeat top right;
    font-size: 13px;
    font-family: ‘Trebuchet MS’, ‘Bitstream Vera Sans’, Verdana, Arial, ‘Lucida Sans’, ‘Lucida Sans Unicode’, Helvetica, sans-serif;
    padding: 20px 0;
    }

    a {
    color: #a06000;
    text-decoration: none;
    }

    acronym {
    text-decoration: none;
    border: none;
    border-bottom: 1px dotted #808979;
    }

    blockquote {
    border-left: 1px solid #e0e0d0;
    padding-left: 10px;
    margin: 0 30px;
    }

    code {
    color: #005577;
    text-align: left;
    }

    h1, h1 a {
    color: #005577;
    font-size: 20px;
    font-weight: normal;
    font-family: Georgia, ‘Times New Roman’, Times,’Lucida Sans’, ‘Lucida Sans Unicode’, serif;
    margin: 40px 0 0 0;
    padding: 0;
    text-decoration: none;
    }

    h2, h2 a {
    color: #990000;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 0.09em;
    margin: 0;
    padding: 0;
    }

    h3 {
    color: #005577;
    font-size: 13px;
    margin: 15px 0 15px 0;
    padding: 0;
    }

    h4 {
    font-size: 11px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    }

    img {
    border: none;
    }

    ol, form {
    margin: 0;
    padding: 0;
    }

    ul {
    list-style-type: circle;
    }

    p {
    line-height: 1.5em;
    text-align: justify;
    }

    small {
    font-size: 10px;
    line-height: 1.2em;
    }

    #comment {
    background: #ffffff;
    border: 1px solid #e9e9d9;
    color: #595949;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;
    width: 350px;
    }

    #content {
    background: transparent;
    border: none;
    color: #000000;
    margin: 0;
    padding: 0 30px 30px 67px;
    text-align: left;
    width: 430px;
    }

    #content a:hover {
    text-decoration: underline;
    }

    #content img {
    float: left;
    margin: 5px 15px 0 0;
    border: 1px solid #e0e0d0;
    }

    #email, #author {
    background: #ffffff;
    border: 1px solid #e9e9d9;
    color: #595949;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;
    }

    #footer {
    background: transparent url(images/bottom.gif) no-repeat bottom center;
    clear: both;
    color: #808979;
    font-size: 11px;
    height: 65px;
    margin: 0;
    padding: 10px 10px 10px 67px;
    }

    #header {
    background: transparent;
    color: #a0a999;
    font-size: 11px;
    height: 120px;
    margin: 0;
    padding: 8px 30px 0 7px;
    text-align: right;
    width: 490px;
    }

    #header a {
    color: #990000;
    }

    #header img {
    border: none;
    }

    #page {
    background: transparent url(images/middle.gif) repeat-y top center;
    margin: 0 auto;
    padding: 0;
    text-align: left;
    width: 714px;
    }

    #s {
    background: #ffffff;
    border: 1px solid #e0e0d0;
    color: #595949;
    font-size: 11px;
    height: 15px;
    padding-left: 2px;
    vertical-align: middle;
    width: 115px;
    }

    #sidebar {
    background: transparent;
    border: none;
    color: #443;
    float: right;
    font-size: 11px;
    margin: 0;
    padding: 0 27px 30px 0px;
    text-align: left;
    width: 128px;
    }

    #sidebar a {
    color: #444433;
    }

    #sidebar a:hover {
    color: #a06000;
    }

    #sidebar h2 {
    color: #005080;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: 0.3em;
    margin: 20px 0 10px 0;
    padding: 0;
    }

    #sidebar li {
    line-height: 1.2em;
    list-style-type: none;
    margin: 0 0 6px 0;
    padding: 0;
    }

    #sidebar ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    }

    #noindent {
    margin: 0 0 0 -10px;
    padding: 0;
    }

    #submit {
    background: #ffffff;
    border: 1px solid #e9e9d9;
    color: #595949;
    font-size: 11px;
    margin: 0;
    padding: 0 10px;
    }

    #today {
    background: #ffffff;
    }

    #top {
    background: transparent url(images/top.gif) no-repeat top center;
    height: 30px;
    }

    #url {
    background: #ffffff;
    border: 1px solid #e9e9d9;
    color: #595949;
    font-size: 11px;
    padding-left: 2px;
    vertical-align: middle;
    }

    #wrapper {
    float: left;
    margin: 0;
    padding: 0;
    }

    .alignleft {
    float: left;
    text-align: left;
    }

    .alignright {
    float: right;
    margin-top: -1px;
    text-align: right;
    }

    .commentbody {
    color: #595949;
    font-size: 11px;
    margin: 0 0 10px 0;
    padding: 15px 15px 5px 15px;
    background: #f7f7f0;
    border: 1px solid #f0f0e0;
    position: relative;
    }

    .commentbody p {
    line-height: 1.2em;
    }

    .commentlink {
    font-size: 10px;
    }

    .commentlist {
    list-style: none;
    }

    .commentcount {
    position: absolute;
    right: 36px;
    top: 0;
    font-family: Georgia;
    font-size: 24px;
    font-weight: bold;
    color: #e0e0d0;
    float: right;
    }

    html[xmlns] .commentcount {
    position: absolute;
    right: 7px;
    top: 0;
    }

    .date {
    color: #808979;
    font: 11px trebuchet ms,verdana,arial,helvetica,sans-serif;
    letter-spacing: 0.09em;
    margin: 0;
    padding: 0 0 0 2px;
    }

    .navigation {
    font-size: 11px;
    padding: 40px 0 0 0;
    }

    .pagetitle {
    font-size: 11px;
    letter-spacing: 0.09em;
    text-align: right;
    }

    .postmetadata {
    color: #808979;
    font-size: 11px;
    letter-spacing: 0.09em;
    margin: 0;
    padding: 0;
    text-align: right;
    }

    .postmetadata a {
    color: #808979;
    }

    /* different postmetadata style for single.php */

    .alt {
    line-height: 1.4em;
    padding: 0 0 15px 30px;
    }

    .alt a {
    color: #005577;
    }

    no help? 🙁

    help!

    1. Bumping is a big no-no – it annoys helpers around here.
    2. You didn’t “redesign” your site, your just picked a new ready made theme for it. Which is fine, but don’t expect any feedback (as you bumped for it in your second post); there is nothing to say about a quite well known theme.
    3. Do not post long code here – we have the tools to look at it if we need to.
    4. What exactly do you consider in need for a “fix” in your sidebar?

    I’m sorry for bumping but a lot of questions go unanswered in this forum.
    I want to decrease the space there is on the left padding of the sidebar.

    “I’m sorry for bumping but a lot of questions go unanswered in this forum.”

    And by bumping, you knock off other people’s post for the sake of your own which hurts their queries. If everyone bumps without regards to others, everybody loses.

    The css for handling the padding of the sidebar is contained within #sidebar e.g. you can change it as thus:
    #sidebar {
    padding: 0 57px 30px 0px;
    }

    Try playing around with that until you find something to your likeing and in future, try to be more considerate.

    If I’m correct then the padding is listed in clockwise worder. that is up right bottom left.
    so left is already 0px, so that wont help. please take a look at my site and see the gap on the left side of sidebar:
    http://imagine.blogintro.com/

    someone needs to tell this guy the basic rules of asking questions about formatting.

    what browser are you using.
    can you post a screenshot of what you want to fix.
    and be polite.

    I’m sorry if I was impolite.
    The screenshot is here:
    http://img355.imageshack.us/img355/2216/idi3yk.png
    I’m using opera and firefox and internet explorer.

    I just answered a similar question here:
    http://wordpress.org/support/topic/47609#post-262852
    In your sidebar there is the same situation: the “gap” is not caused by the “padding” in the sidebar, but by the margin of the contained item <ul>:

    #sidebar ul {
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
    }

    Change the 10px to whatever you want…

    oh thanks a lot! I love you!

Viewing 15 replies - 1 through 15 (of 16 total)
  • The topic ‘Blog Redesign’ is closed to new replies.