Changing column width

Homepage Community Forums General Changing column width

Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #10350
    Ibi Jay
    Customer

      Hi, firstly I am loving the Epik theme!

      A question though, how do I change the column width of content. My current layout is sidebar-content-sidebar… I just want the left sidebar to be narrower and thus the content wider. I can’t seem to figure it out. Thanks. Ibi

      #10352
      Eric
      Customer

        If you search for this in your css (around line 888) –

        .sidebar-secondary {
            float: left;
            width: 180px;
        }

        That is how you can adjust the left sidebar.

        To adjust the main content area look for this in your css (around line 864) –

        .content-sidebar-sidebar .content,
        .sidebar-content-sidebar .content,
        .sidebar-sidebar-content .content {
        	width: 520px;
        }

        I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

        #10355
        Ibi Jay
        Customer

          But when I change the width value below, the column width didn’t change, instead it was repositioned 🙁

          .content-sidebar-sidebar .content,
          .sidebar-content-sidebar .content,
          .sidebar-sidebar-content .content {
          width: 520px;
          }

          #10359
          Eric
          Customer

            That code will only affect the width, and it shouldn’t be repositioning unless something else was modified. I tested this on a site I have Epik installed on and it worked. Do you have a link to your site so I can see what’s going on?


            I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

            #10362
            Ibi Jay
            Customer

              my site is http://www.geekymlm.com I want to make left sidebar a lil smaller whilst making content width a little wider. I got the left sidebar to go smaller, but I can’t get main content to go wider without making other columns out of wack!

              #10366
              Eric
              Customer

                There is a div that surrounds the main content area, and the right sidebar. Both the Content and right sidebar are inside of a div which has a width of 920px. So when you adjust the width to the code I mentioned earlier, you need to adjust the div that surrounds those two sections…..or it will throw the right sidebar off since they both can’t fit inside the 920px space if the width exceeds it. Does this make sense?

                Here is the code you’ll need to adjust (line 832 in your css) –

                .content-sidebar-sidebar .content-sidebar-wrap,
                .sidebar-content-sidebar .content-sidebar-wrap,
                .sidebar-sidebar-content .content-sidebar-wrap {
                	width: 920px;
                }

                So just calculate what size you want your content and right sidebar to be, then make sure the above code is adjusted so that they will both fit inside.


                I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com

                #10406
                Ibi Jay
                Customer

                  Thanks Eric, it worked!!! Sorry for the lame question and I appreciate your help immensely!

                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Changing column width’ is closed to new replies.