WordPress.org

Ready to get started?Download WordPress

Forums

Scrappy
[resolved] Widening sidebar/centering sidebar titles (8 posts)

  1. snowffairy
    Member
    Posted 2 years ago #

    a) How Do I widen the sidebar? I'm only one character too wide on my first heading and prefer the look of a single line.

    b) How do I make those headings center rather than justify Left?

    Thanks for the theme; it's just the colors I was looking for.

    http://wordpress.org/extend/themes/scrappy/

  2. Caroline Moore
    Member
    Theme Author

    Posted 2 years ago #

    Hi there! So glad you like the theme.

    First, I highly recommend creating a child theme so your customizations won't be lost. You can download a child theme template from my themes website if you need to.

    Then you'll add the following code to your child theme's style.css:

    .wrapper { //This is the width of the content column, sidebar and margin between the two, so it needs to be adjusted along with the sidebar itself.
      width: 1000px;
    }
    
    ul.sidebar { //Obviously changing the values to accomodate your content.
      width: 300px;
    }
    
    .sidebar h2.widgettitle { //This will center the widget title text
      text-align: center;
    }

    I also recommend using a program like Firebug. You can easily "Inspect" different areas of the website to see which styles apply to what areas and diagnose future CSS issues like this.

    Hope this helps!

  3. snowffairy
    Member
    Posted 2 years ago #

    Thanks for your quick reply!

    I've just used up my computer-time so I'll check out this fix in the evening and get back to report.

  4. snowffairy
    Member
    Posted 2 years ago #

    Applied your suggested code, and it all worked except for the last one.

    Somehow adding that word (center) removes the green bg bar and lets the sidebar overflow (bump) the main content.

  5. Caroline Moore
    Member
    Theme Author

    Posted 2 years ago #

    Hmm, text-align: center shouldn't throw off the layout. Sounds like either a typo or a browser issue. I'd have to see your child theme's style.css to tell you more. (You can copy it to pastebin if it's more than ten lines long.)

  6. snowffairy
    Member
    Posted 2 years ago #

    Okay, here's my confession: I started by trying out the child theme, but when Cut & Paste didn't result in what I was looking for (perhaps the CENTER command was throwing everything off there, too?)

    I reverted to my original (as in 4-years-old, only way I've ever done it: by picking things apart) method, saving the original in word, then inserting & highlighting the changes so I'd know what was diff if updates change things.

    Yes, I'm sure your way is simpler, but my head couldn't wrap around a nearly empty box. I guess I don't have enough faith.

    That said, I copied the full text (sans "center" command) into pastebin (user name UntanglingTales), since I didn't know what part would be the best to exclude.

  7. Caroline Moore
    Member
    Theme Author

    Posted 2 years ago #

    I don't see the text-align: center piece in the .sidebar h2.widgettitle class in that code. Can you give me line number where you added it?

  8. snowffairy
    Member
    Posted 2 years ago #

    It wasn't in the code I gave you (sorry, I realized late that was probably the point). Whatever was there wasn't working so I erased it.

    Tried a couple different things then finally just erased the whole thing and reinstalled it.

    And it worked (I never know whether to grumble of be thankful this type of solution clears it all up).

    Okay: the difference I suss is that I put the 'center' directly after (in) the .sidebar h2.widgettitle line, since that's the way I interpreted your directions.

    What ended up working was moving it to the bottom of the list of attributes. After I reinstalled.

    You've been wonderful, Thanks so much for your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags