Twenty Ten 1.1 column width – CSS change to reduce

  • omeakings

    (@omeakings)


    14 years ago

    Hello all.

    – I am using the default WordPress theme Twenty Ten
    – The right-hand column has a width of 220px.
    – Can anyone explain the exact CSS changes I need to make to increase this to 300px and therefore reduce the content column by 80px.
    – Obviously, ideally I’d like to keep finesse to the design, margins etc.

    Thank you in advance for helping a CSS novice!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator t-p

    (@t-p)

    you need to make changes in three elements of the style.css:

    1. find This CSS element (around line #78):

    #primary,
#secondary {

    In this element, change width: 220px; to
    width: 300px;

    2. find this CSS element (around line #66):

    #container {

    In this element, change right margin from -240px to
    -320px

    3. find this CSS element (around line #71):

    #content {

    in change the right margin from 280px;` to
    360px`

    Thread Starter omeakings

    (@omeakings)

    Brilliant, thank you for this!

    Just what I was looking for, thanks!

    Thank you T-P!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Twenty Ten 1.1 column width – CSS change to reduce’ is closed to new replies.