ThemeShaper Forums » Thematic

Changing width of Content and Sidebar

(6 posts)
  • Started 1 year ago by neonbible
  • Latest reply from Danieliser
  • This topic is not resolved

  1. neonbible
    Member

    Hi,

    I am using 2c-l-fixed layout and I find the sidebar is too big. How do I edit the proportions of the sidebar and content area?

    Also the actual text in the content area has a huge margin on the left and I can't seem to find where that is defined.

    Posted 1 year ago #

  2. Danieliser
    Member

    Try using firefox and the firebug addon. You can just right click on the sidebar and go to "inspect element". This will allow you to see what classes and css is being applied to any part of the site. You can even modify the css to figure out what you want to change.

    Posted 1 year ago #

  3. neonbible
    Member

    Thats exactly what I use. But I can't seem to find what is creating the space between the sidebar and content area.

    Posted 1 year ago #

  4. Danieliser
    Member

    give me a link to look at and ill see if i cant find it.

    Posted 1 year ago #

  5. helgatheviking
    Moderator

    the content area is defined by #container and inside of that #content

    the widget area is controlled by the .main-aside class style.

    i'm not 100% sure w/ the left-hand column, but i think there is some margin on the #container? or maybe it is #content and the rest is just the widths of those elements.

    sometimes with firebug you can't point at the exact element, but you can get close that way and then pick the precise element in the left hand window that shows the HTML source. it helps that as you hover over the markup, the element in question is highlighted on the screen. clicking on a tag in the markup brings up that elements CSS in the right-hand window.

    Posted 1 year ago #

  6. Danieliser
    Member

    Has anybody else used IEs new developer tool. Gotta say it was pretty nicely put together. Havent worked with it for more than a few hours but it did everything i could need and more. Especially good if you have 2 screens.

    Makes it easy to see an elements actual style as well as listing all the individual styles applied.

    Go to a site in ie8+ and hit f12, you see all styles attached but to see the ones that are actually applied you can click the trace styles button above the css.

    also clicking on something in the code window will draw a blue box around the element selected

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.