WordPress.org

Ready to get started?Download WordPress

Forums

Blog Redesign (17 posts)

  1. KunalGoel
    Member
    Posted 8 years ago #

    I've redesigned my blog. Please give me feedback. Thanks.
    url > http://imagine.blogintro.com/

  2. techwench
    Member
    Posted 8 years ago #

    Looks nice. Looks like Relaxation.

  3. KunalGoel
    Member
    Posted 8 years ago #

    anyone?

  4. KunalGoel
    Member
    Posted 8 years ago #

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

  5. techwench
    Member
    Posted 8 years ago #

    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.

  6. KunalGoel
    Member
    Posted 8 years ago #

    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;
    }

  7. KunalGoel
    Member
    Posted 8 years ago #

    no help? :(

  8. KunalGoel
    Member
    Posted 8 years ago #

    help!

  9. moshu
    Member
    Posted 8 years ago #

    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?

  10. KunalGoel
    Member
    Posted 8 years ago #

    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.

  11. ifelse
    Member
    Posted 8 years ago #

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

  12. KunalGoel
    Member
    Posted 8 years ago #

    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/

  13. OperaManiac
    Member
    Posted 8 years ago #

    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.

  14. KunalGoel
    Member
    Posted 8 years ago #

    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.

  15. moshu
    Member
    Posted 8 years ago #

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

  16. KunalGoel
    Member
    Posted 8 years ago #

    oh thanks a lot! I love you!

  17. estjohn
    Member
    Posted 8 years ago #

    Kunal: "I'm sorry for bumping but a lot of questions go unanswered in this forum."

    That does not make it right to do it. In fact, if you DO it.l next tiem you ask a question, it jsut might keep it FROM getting answered.

Topic Closed

This topic has been closed to new replies.

About this Topic