Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #21317

    I noticed that the sidebar width and the content width is different on my homepage than on my other pages. I would like them to match the homepage which has a content width of nine and a sidebar width of three. I recently applied this fix:

    in which I changed the <div class=”nine units entry-content alpha”> to <div class=”eight units entry-content alpha”>. If I change it back to nine that fixes the content width issue but I can’t figure out how to change the sidebar width.

    Here is the home page:

    And another page that has the incorrect widths:

    Thank you for your help!



    On this page

    you have a total of 930px to work with

    #top .container {
    width: 930px;

    and 690px is the width of the main content area

    #top .container .nine.units {
    width: 690px;

    and 290px is the width of the sidebar

    #top .container .four.units {
    width: 290px;

    690+290 = 980px . However the total size is 930px , so you are 50px over.

    Solution: increase total size to 980px or decrease sidebar and/or main area by 50px either a bit from both or the whole 50px from main area or sidebar.

    On the homepage the sidebar is 210px , that is why sidebar fits.

    #top .container .three.units {
    width: 210px;




    Ok, I wondered if that was the case. Where do I go to change that? I’ve been scouring my files and can’t figure that part out.

    Is is something I’ll need to actually go in and edit the code for, or can I change that from the template builder somehow?



    You can add the code Nick posted above into the quick css field (Angular > Theme Options) and change the width values if required.





    Add this to your quick css at the location Dude mentioned:

    #top .container .four.units {
    width: 210px !important;




    Thanks! I got it to work!


    Glad Nick could help :)

    Let us know if you have any other questions or issues.



Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Sidebar on Homepage and Other pages not consistent’ is closed to new replies.