Welcome to WP
Just to get u started a link to the BIQ (the Blog in Question) let’s us read the markup / css and use our tools.
Hi, you should find the #site-description definition in the “style.css” of your theme and modify the “width” parameter, by default in the twenty-ten theme is 220px, you should enlarge it, try 280px or similar until you find what suits your needs 😉
Kinda wierd that a block level element like an h1 or h2 tag is wrapped in a div with a fixed width. But thats WordPress.
Thanks for the info Danixland. Wish I could figure out how to do what you suggested, but I’m a novice. I’m looking in the snippets for somewhere where I can change the width, but don’t see that option anywhere. Maybe I’m in the wrong place all together? This is all new to me.
Can you break it down a bit for someone who has never done this? Thanks alot!
Well yr link is not working. How can we help ?
http://www.soullotus.com
Thought I’d try my link again. Problem is still the same as mentioned above. Did I word my question clearly? Thanks
ok, wordpress uses themes, I think you know that so, there are 2 ways, the first one is is to use your favorite ftp client to go inside your install directory, there you should find a directory called wp-content, inside that there’s a directory called themes, WP puts every theme inside that directory, your theme should be weaver or something like that… find it and enter his directory.
At this point you should see some php files (index.php, functions.php and so on) and a file called style.css, open it with your text editor (under windows use something like wordpad or better, not notepad) and do what I told you in my first reply 😉
The second way of editing this file is to open your dashboard as admin and go in the appearance section, look for the “editor” option and click on it, it will open a very simple text editor. On the right of the text editor you’ll find every file in your theme, click on your stylesheet (style.css) and now you’re ready to edit it as I told you…
I’m sorry but I can’t make it more easy than this 😉
I hope it helps 😀
Thanks Danixland. I needed to know to look in Editor. That’s the key. Got it!
Try adding:
#site-title {width: 500px;}
#site-description {width: 420px; text-align:right}
to the bottom of style.css.
YES! That did it, Esmi! Thanks for helping everyone.
sorry esmi, why should he add something that already exists?? those 2 ids are already in the css, he should only find them and correct their values…
correct me if I’m wrong but I don’t think that adding the same id again is the “correct” way of doing what he wants to do…
in facts, looking at the stylesheet of his site here’s what I found:
#site-title {
float: left;
font-size: 30px;
line-height: 36px;
margin: 0 0 18px 0;
width: 700px;
}
#site-title a {
color: #000;
font-weight: bold;
text-decoration: none;
}
#site-description {
clear: right;
float: right;
font-style: italic;
margin: 14px 0 18px 0;
width: 220px;
}
so he should only modify what already exists instead of adding again the same ids at the bottom of the stylesheet, don’t you think??
The CSS you found, I also noted. But the relevant stylesheet is buried deep in the theme’s sub-folders – which means it’s inaccessible via the Theme Editor.
There’s nothing intrinsically invalid in re-specifying #site-title (for example) in a different stylesheet. In fact that’s how CSS is supposed to work – the “C” stands for Cascading. It does, I’ll admit, add a few bytes onto the overall CSS download and, if it was me, I’d have no problem editing the original CSS. But for a possibly non-technical user who prefers to use the Theme Editor, this is the cleanest option, in my opinion.
