WordPress.org

Ready to get started?Download WordPress

Forums

Change middle colum size in headway with CSS (11 posts)

  1. foreclosurefraudnews
    Member
    Posted 3 years ago #

    Hay Guys,

    I'm looking for way to change the middle column size on my webpage. It has 3 columns. Currently I'm using headway as my theme. I would like to change the size of it with CSS.

    I'm using this code to add a border to my middle column.

    body.custom div#wrapper div.leafs-column {border-width: 1px;}

    Any thoughts?

  2. kmessinger
    Volunteer Moderator
    Posted 3 years ago #

    Please post a URL.

  3. foreclosurefraudnews
    Member
    Posted 3 years ago #

  4. foreclosurefraudnews
    Member
    Posted 3 years ago #

    Anyone?

  5. João Sardinha
    Member
    Posted 3 years ago #

    What are the sizes you want for both collumns?

  6. foreclosurefraudnews
    Member
    Posted 3 years ago #

    320 and 640

  7. João Sardinha
    Member
    Posted 3 years ago #

    Open style.css and find div#wrapper div#column-1-page-index
    change the width value to 300px
    also look for div#wrapper div#column-2-page-index and change the width to 620px,
    the measures have both - 20px because the elements have a 10px padding being applied, if you want more info on paddings visit

  8. foreclosurefraudnews
    Member
    Posted 3 years ago #

    what would be the code if i wanted to write it in css.

  9. João Sardinha
    Member
    Posted 3 years ago #

    Can you explain better what you need please?

  10. foreclosurefraudnews
    Member
    Posted 3 years ago #

    I would like something like this
    body.custom div#wrapper div.leafs-column {border-width: 1px;}

  11. João Sardinha
    Member
    Posted 3 years ago #

    you just need to edit the current values, but you would write like this
    div#wrapper div#column-1-page-index { width: 300px; }
    div#wrapper div#column-2-page-index { width: 620px; }

Topic Closed

This topic has been closed to new replies.

About this Topic