WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
Edit sidebar width (7 posts)

  1. smile1970
    Member
    Posted 4 months ago #

    Hi, I love your theme!
    I would like to change the width of the sidebar.
    Where in the style.css can I find the with as I don't see a #sidebar?
    Can anyone help me please?

  2. robbieobbie
    Member
    Posted 4 months ago #

    Can you supply a link to your site?

  3. smile1970
    Member
    Posted 4 months ago #

  4. StyledThemes
    Member
    Theme Author

    Posted 4 months ago #

    Actually, it's not going to be done from the stylesheet. To change the sidebar width, you will need to use a child theme, copy (upload) the files to be modified into the child theme. Using a child theme allows you to keep the theme updated without losing your changes.

    In the files is where you will find div containers with classes like span8 and span4. These represents column widths because this theme is based on a 12-column grid layout (12 columns wide). Were you wanting to change the sidebars for pages and the blog pages as well or one or the other?

  5. smile1970
    Member
    Posted 4 months ago #

    Hi, I would like to change the sidebar width only for pages.

  6. StyledThemes
    Member
    Theme Author

    Posted 4 months ago #

    For pages, you would be focusing on these theme files:

    front-page.php
    page-right.php

    Open them and change the span8 class to span9, then look for the class span4 and change that to span3. This is so the main content part and the sidebar totals 12 columns wide:

    span9 + span3 = 12

    This will give you a smaller width on your sidebar, but then adds more to your main content.

    Make sure you use a child theme for modifications so you can keep getting theme updates and not lose your changes. This theme has a folder in it "child-theme" which has a child theme that you can install and use. Please note when you activate this, you will need to redo your theme option settings because WP will see this as a new theme activation. But it will allow you to make custom changes. You would upload a copy of the two template files listed above into the same location as they exist, but put it into the child theme in a folder named: page-templates

  7. smile1970
    Member
    Posted 4 months ago #

    Thank you!
    Sounds complicated, so in meantime I wil let the theme as it is.
    Will try it when I have enough time to spend.

Reply

You must log in to post.

About this Theme

About this Topic