Customizing Sidebar

  • Author
    Posts
  • #179563

    mscott24
    Member

    I would like to be able to change the sidebar to have each widget/section in a bordered area of its own. How can I do this? http://greatscotts.wordpress.com.

    Any help is GREATLY appreciated!

    Marissa

    #179811

    rosclarke
    Member

    You would need to pay for the CSS upgrade and know how to use it.

    Otherwise you’re stuck with choosing from the standard WP.com themes and finding whichever comes closest to what you want.

    #179841

    mscott24
    Member

    Well, I paid for the CSS upgrade and I sorta know how to use it. I got the border around the whole thing, but I haven’t been able to figure out how to separate into sections.

    #179845

    rosclarke
    Member

    What theme are you using?

    I think you’d need something like

    .widget {
    border-style=solid;
    }

    #179846

    devblog
    Member

    I would recommend this way:

    .widget {border: solid 1px [color you want];}

    HTH

    #179849

    rosclarke
    Member

    *waves at devblog*

    Glad you were here to help.

    #179854

    mscott24
    Member

    Thank you so much. I’m going to try that now. I’m using Kubrick.

    #179857

    mscott24
    Member

    Darn it. Can’t get it to work.

    #179858

    rosclarke
    Member

    What’s the actual code you put in?

    #179859

    mscott24
    Member

    I put in the code you gave me above, tried devblog’s recommendation as well. I’m surprised it’s not working.

    #179860

    rosclarke
    Member

    Hmm. You didn’t change any of the details that might spoil the syntax? On devblog’s version you’d need to have put in a color code with a # in front of the 6-digit code and no square brackets.

    #179861

    mscott24
    Member

    Yes, I put in: .widget {border: solid 1px #0061D1;}

    Not sure if that’s the exact color code I used or not, but it’s close.

    #179862

    rosclarke
    Member

    Could you post the rest of the code you’ve used to make changes? It may be that you’ve got something else that’s overriding that.

    #179863

    mscott24
    Member

    Ah! I got it! I had to remove the sidebar border first. Duh. Thanks sooooo much!

    #179864

    rosclarke
    Member

    Oh, no I see the problem. You need an = not a :

    So it should be

    .widget {border = solid 1px #0061d1;}

    Try that.

    #179865

    rosclarke
    Member

    Ignore that!

    #179866

    mscott24
    Member

    You so totally rock. thanks again!

    #179867

    rosclarke
    Member

    Oh, well done! I’m glad you’ve worked it out.

    #179868

    rosclarke
    Member

    Oh, and you might want to label the thread as resolved now.

The topic ‘Customizing Sidebar’ is closed to new replies.