blog title and sidebar alignment

willyamj · Member · Nov 23, 2008 at 2:35 pm
Copy link

Add topic to favorites
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
willyamj · Member · Nov 23, 2008 at 2:37 pm
Copy link
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
rosclarke · Member · Nov 23, 2008 at 2:40 pm
Copy link
For your first problem, I would try the .header class, which should control both the title and the description.
jomariajomariajomaria · Member · Nov 23, 2008 at 2:51 pm
Copy link
Does this work?

div.description {float:right;}
willyamj · Member · Nov 23, 2008 at 2:52 pm
Copy link
If this ->

.header {
text-align:right;
}

is what you’re proposing: I’m afraid it doesn’t work …
jomariajomariajomaria · Member · Nov 23, 2008 at 2:54 pm
Copy link
Oh, sorry, you’re on Sandbox. Have you tried this?

div#blog-description {text-align:right;}
willyamj · Member · Nov 23, 2008 at 2:55 pm
Copy link
div.description {float:right;} is negative, too … :-)
willyamj · Member · Nov 23, 2008 at 2:58 pm
Copy link
@ yellaojrak: thx again. sandbox seems really resistant: div#blog-description {text-align:right;} also stays without effect … :-)
jomariajomariajomaria · Member · Nov 23, 2008 at 2:58 pm
Copy link
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.
willyamj · Member · Nov 23, 2008 at 3:17 pm
Copy link
@ 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
jomariajomariajomaria · Member · Nov 23, 2008 at 3:43 pm
Copy link
Hurray!! Good to you!
jomariajomariajomaria · Member · Nov 23, 2008 at 3:44 pm
Copy link
I mean, good, cheers to you!
willyamj · Member · Nov 23, 2008 at 3:45 pm
Copy link
:-)

but that still leaves open my second question: how to move the sidebar leftwards and widen it …
vivianpaige · Member · Nov 23, 2008 at 10:44 pm
Copy link
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.
vivianpaige · Member · Nov 23, 2008 at 10:44 pm
Copy link
Oh, and I’m glad you worked out the title/description problem. I gave up on that.
jomariajomariajomaria · Member · Nov 24, 2008 at 5:01 am
Copy link
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.
willyamj · Member · Nov 24, 2008 at 5:21 am
Copy link
@ 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;
}
jomariajomariajomaria · Member · Nov 24, 2008 at 11:41 am
Copy link
Hmmm… You’re a brilliant coder!

No items found.