WordPress.org

Ready to get started?Download WordPress

Forums

Adjusting width of sidebars & front page (3 posts)

  1. maccatalkssport
    Member
    Posted 1 year ago #

    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.

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. maccatalkssport
    Member
    Posted 1 year ago #

    Thanks for the reply, WPyogi.

Topic Closed

This topic has been closed to new replies.

About this Topic