WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Side bar problems, alignment, round edges and width (11 posts)

  1. asterix111
    Member
    Posted 1 year ago #

    Hi Im having a hard time to move my side bar. Mainly I need 3 things.

    1.) To move it down to align with my main text box.
    2.) Have the bar wider than the ads
    3.) Have round edges on side bar corners.

    I have been searching the but all are old posts and of older versions and Im suing the latest version. My website is http://www.connectsbetting.com. I might be asking a bit but any help would be appreciate. Thanks.

  2. asterix111
    Member
    Posted 1 year ago #

    I mainly want to know how to move it down. I have been reading all the posts here but none apply for the newest version. Im using the twenty eleven default theme. I'm lost... :(

  3. whit.skyler
    Member
    Posted 1 year ago #

    For your main question, to move the sidebar down, go to your custom.css file and change the following:

    #secondary {
        margin-top: -24px;
    }

    to

    #secondary {
        margin-top: 45px;
    }

    You can adjust this number of pixels to what looks good to you. The more positive you go, the lower the sidebar will move.

    Cheers, Whit

  4. asterix111
    Member
    Posted 1 year ago #

    Hi whit.skyler thanks for the reply. You rock !!!! Thanks a million. So I can make round widgets in custom too I presume?

  5. whit.skyler
    Member
    Posted 1 year ago #

    You're welcome.

    Yes, you can do it in the custom.css file also.

  6. asterix111
    Member
    Posted 1 year ago #

    Ok managed to get them round too as you can see from my website. But cannot make it wide. I need it around 300px. I know that you have to alter the values of
    #content {
    margin: 0 34% 0 7.6%;
    width: 58.4%;

    }
    #secondary {
    float: right;
    margin-right: 7.6%;
    width: 18.8%;
    }

    But there are more than one location of this code in style.css. Does it mean I have to change them all? And to get 300px what percentages would I put?

  7. whit.skyler
    Member
    Posted 1 year ago #

    Keep in mind that this theme is responsive. Therefore, you want to keep the percentages and not define a fixed pixel value.

    What you want to do is add more width to the #secondary and subtract the same amount from the #content width. Play with it until you find the look you want.

    Then resize your browser window to see what it looks like for various screen sizes. If you can, check it on your phone and other media to make sure it looks like what you want.

  8. asterix111
    Member
    Posted 1 year ago #

    Hi,
    Thanks for the info.

    There is same code of the above in style.css in the following sections:
    /* =Structure */
    /* Alignment */

    #content besides the above is also found
    /* One column */

    Do I need to change them all to see a result?

    Thanks.

  9. whit.skyler
    Member
    Posted 1 year ago #

    Hi Again,

    I gave you some misinformation above. You actually just want to play with the #secondary margin-right and width parameters. And no, #secondary is all you need.

    If you reach a point where your ads sit side-by-side, you may need to break them out into individual text widgets.

    Hope this helps.
    Whit

  10. asterix111
    Member
    Posted 1 year ago #

    Hi Whit
    Thanks for the reply. My problem was sorted out by itself!! How? I dont know. But I was fiddling with the actual main codes and realized I had to do a child theme. I did the child theme and the sidebar came OK right by itself. Dont ask me how or why it did that as I dont know. Now my website is OK. Though it would have been a challenge to me and I dont mind it :)... Thanks again.

  11. asterix111
    Member
    Posted 1 year ago #

    The problem was solved when I did the child theme but dont know how.

Topic Closed

This topic has been closed to new replies.

About this Topic