• Resolved asterix111

    (@asterix111)


    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 https://www.connectsbetting.com. I might be asking a bit but any help would be appreciate. Thanks.

Viewing 10 replies - 1 through 10 (of 10 total)
  • Thread Starter asterix111

    (@asterix111)

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

    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

    Thread Starter asterix111

    (@asterix111)

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

    You’re welcome.

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

    Thread Starter asterix111

    (@asterix111)

    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?

    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.

    Thread Starter asterix111

    (@asterix111)

    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.

    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

    Thread Starter asterix111

    (@asterix111)

    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.

    Thread Starter asterix111

    (@asterix111)

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Side bar problems, alignment, round edges and width’ is closed to new replies.