blog title and sidebar alignment

  • Author
    Posts
  • #298423

    willyamj
    Member

    Hi @ all,

    Two questions. First: I’ve been trying to read up on how to align blog title and description on the right side of the page. The only modification bringing me close to what I have in mind is the following:

    h1,h1 a {
    font-size:2.5em;
    text-align: right;
    }

    But that only allows me to adjust the blog title, and not the blog description. Something along

    div.description {
    text-align:right;
    }

    doesn’t appear to work.

    Second: I’d like to move the sidebar towards the center and widen it. Although I can adjust the font size and text alignment, adding a “padding” to the tag doesn’t change a thing.

    .sidebar {
    font-size:.9em;
    text-align:left;
    padding:100px;
    }

    Any ideas? Thx in advance _ willyam

    #298645

    willyamj
    Member

    Sorry … I should have added: The theme is a sandbox two-column minimalist r 1.0 … and the blog url is http://willyams.wordpress.com

    thx

    #298646

    rosclarke
    Member

    For your first problem, I would try the .header class, which should control both the title and the description.

    #298648

    yellaojrak
    Member

    Does this work?

    div.description {float:right;}

    #298649

    willyamj
    Member

    If this ->

    .header {
    text-align:right;
    }

    is what you’re proposing: I’m afraid it doesn’t work …

    #298650

    yellaojrak
    Member

    Oh, sorry, you’re on Sandbox. Have you tried this?

    div#blog-description {text-align:right;}

    #298651

    willyamj
    Member

    div.description {float:right;} is negative, too … :-)

    #298652

    willyamj
    Member

    @ yellaojrak: thx again. sandbox seems really resistant: div#blog-description {text-align:right;} also stays without effect … :-)

    #298653

    yellaojrak
    Member

    h1#blog-title {float:right;text-align:right;}
    div#blog-description {float:right;text-align:right;}

    ???

    Sorry I babble so much. I’m just trying to help.

    #298655

    willyamj
    Member

    @ yellaojrak: I know, and you have! I’ve modified your suggestion, because the h1#blog-title {float:right;text-align:right;} didn’t quite work – it made the blog decription appear above the blog’S title. The following, however, works perfectly:

    h1, h1 a {
    text-align:right;
    font-size:2.5em;
    }

    div#blog-description {float:right;text-align:right;}

    Thank you very very much! _ willyam

    #298660

    yellaojrak
    Member

    Hurray!! Good to you!

    #298661

    yellaojrak
    Member

    I mean, good, cheers to you!

    #298664

    willyamj
    Member

    :-)

    but that still leaves open my second question: how to move the sidebar leftwards and widen it …

    #298733

    vivianpaige
    Member

    Do a google search on the Sandbox layouts and you’ll find one that has the sidebar positioned on the left. Once you get that, you can easily change the width of it.

    #298734

    vivianpaige
    Member

    Oh, and I’m glad you worked out the title/description problem. I gave up on that.

    #298763

    yellaojrak
    Member

    I once made it (moved sidebar left and widened it). I don’t remember the code but PERHAPS, this works:

    div.sidebar {width:300px;float:left;display:block;clear:left;}
    #content {margin-left:320px;float:left;position:relative;}

    I’m not sure myself though…
    cause sometimes I could make something work, sometimes I can’t.

    #298765

    willyamj
    Member

    @ yellaojrak: thx! I’ve been working trial and error myself, what would you make of this?

    #content {
    width:70%;
    }

    #primary {
    width:25%;
    float:right;
    font-size:.9em;
    text-align:left;
    }

    #secondary {
    display:none;
    }

    #298773

    yellaojrak
    Member

    Hmmm… You’re a brilliant coder!

The topic ‘blog title and sidebar alignment’ is closed to new replies.