Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #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:

    http://www.kriesi.at/support/topic/post-titles-below-image

    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:

    http://www.lifelonghealthandhappiness.com/

    And another page that has the incorrect widths:

    http://www.lifelonghealthandhappiness.com/happiness/

    Thank you for your help!

    #111341

    Hi,

    On this page http://www.lifelonghealthandhappiness.com/happiness/

    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;
    }

    Thanks,

    Nick

    #111342

    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?

    #111343

    Hey!

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

    Regards,

    Peter

    #111344

    Hi,

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

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

    Thanks,

    Nick

    #111345

    Thanks! I got it to work!

    #111346

    Glad Nick could help :)

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

    Regards,

    Devin

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

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