WordPress.org

1. soullotus
   Member
   Posted 1 year ago #

   Newbie here. I am using Twenty Ten Weaver. My site description is broken up into 2 lines, and I want it to only be one. I tried the snippets, but I think I need something more. I'm very new at this, but want to learn. Thanks

2. Root
   Member
   Posted 1 year ago #

   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.

3. soullotus
   Member
   Posted 1 year ago #

   Right, duh, it's http://www.soullotus.com"> Thanks!

4. danixland
   Member
   Posted 1 year ago #

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

5. Root
   Member
   Posted 1 year ago #

   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.

6. soullotus
   Member
   Posted 1 year ago #

   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!

7. Root
   Member
   Posted 1 year ago #

   Well yr link is not working. How can we help ?

8. soullotus
   Member
   Posted 1 year ago #

   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

9. danixland
   Member
   Posted 1 year ago #

   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 :D

10. soullotus
    Member
    Posted 1 year ago #

    Thanks Danixland. I needed to know to look in Editor. That's the key. Got it!

11. danixland
    Member
    Posted 1 year ago #

    no problem soullotus ;)

12. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    Try adding:

    #site-title {width: 500px;}
    #site-description {width: 420px; text-align:right}

    to the bottom of style.css.

13. soullotus
    Member
    Posted 1 year ago #

    YES! That did it, Esmi! Thanks for helping everyone.

14. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    No problem :-)

15. danixland
    Member
    Posted 1 year ago #

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

16. esmi
    Theme Diva & Forum Moderator
    Posted 1 year ago #

    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.

17. danixland
    Member
    Posted 1 year ago #

    I agree with you on the "non technical" side... I exposed the other way of doing things to allow for a clean setup of the css...

    Thanks for getting back on this... ;)

Topic Closed

This topic has been closed to new replies.