Narrow the Sidebar

Homepage › Community Forums › Epik Theme Support › Narrow the Sidebar

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • May 19, 2013 at 12:49 pm #4763
    khunray
    Customer

      Hi,

      As you can see here on one of my pages the content or sidebar is too wide. http://craydoe.com/about/
      I tried to make the side bar a bit more narrow here : #sidebar-alt {
      width: 15.277777777%; /* 176px / 1152px */

      changed it to 170 but nothing changes.

      My question is where I can change this?

      thank you

      May 22, 2013 at 12:29 am #4781
      kronos
      Customer

        You’re changing the wrong part of the css and in the wrong section. The part that says – “/* 176px/ 1152px */” is a comment, not actual css that is being used. You’re not supposed to edit that since it won’t change anything, it’s just a note. You’re supposed to change the width to the left of that. But, that is still the wrong sidebar. You should be editing the sidebar around line 527 in your css. It will look like this – 

        .sidebar {
    width: 30.555555555%;
}
        May 22, 2013 at 2:37 am #4785
        khunray
        Customer

          Hi Kronos,

          I tried to change the sidebar at the line you suggested, but it doesn’t change much. except if I change the value to 35.555555555% but then the sidebar ends up under the wrap.

          I am not a coder so I do not know exactly what I am changing or how to change it.

          May 22, 2013 at 5:31 am #4789
          khunray
          Customer

            Looking at it, it might even be better to make the content area smaller and leave the sidebar as it is.
            On which line can I change this?

            thank you

            May 22, 2013 at 10:48 pm #4802
            kronos
            Customer

              I think the main issue is the fact that your sidebar floats to the left…..which is why it shows up so close to the content. It’s supposed to float to the right. I’m guessing you changed this since the Epik theme has it to the right by default. So if you look around line 618, just change it to float: right like this – 

              .content-sidebar-sidebar #sidebar-alt,
.footer-widgets-3,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
	float: right;
}

              To change the width you have to use the code I gave above. That is the sidebar, so it will change, just make sure you’re editing the right part.

              May 23, 2013 at 3:27 am #4809
              khunray
              Customer

                Thanks kronos, the float to right resolved it. I do not remember that I changed it, but now it is how I want it.

                May 23, 2013 at 11:55 am #4817
                kronos
                Customer

                  You’re Welcome!

                • Author
                  Posts
                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Narrow the Sidebar’ is closed to new replies.