WordPress.org

Support

Support » Themes and Templates » Adjusting width of sidebars & front page

Adjusting width of sidebars & front page

  • maccatalkssport
    Member

    @maccatalkssport

    Hi,

    I have been trying to work my way through the process of increasing the size of the sidebars I have in my Brightpage theme.

    I also want to make the latest posts on the main page smaller, but I just can’t seem to figure it out.

    I was thinking that it might have something to do with the content section in the CSS.

    My website is http://www.ontheflyhockey.com

    Any feedback would be great.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi
    Forum Moderator

    @wpyogi

    The width of the sidebar on the home page is being set by this CSS:

    .grid_2 {
        display: inline;
        float: left;
        margin: 0;
        width: 310px;
    }

    But as you will see if you change the width of the sidebar — it will no longer fit on the side — so you’ll also have to change the width of the content section set here:

    .grid_1 {
        display: inline;
        float: left;
        margin: 0;
        width: 670px;
    }

    There may be other CSS changes you will have to make in order to make this work — it’s often troublesome and complicated to start changing the layout of a page — and that theme has a complex grid system (which I am not familiar with so change as your own risk!). And definitely create and use a Child Theme for any changes — otherwise they will all be lost when the theme is updated. Save a copy too — as you start fooling with it.

    Not sure what you want to make smaller in content.

    By far the best way to work with CSS is by using a tool such as Firebug.

    maccatalkssport
    Member

    @maccatalkssport

    Thanks for the reply, WPyogi.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Adjusting width of sidebars & front page’ is closed to new replies.