Adjusting width of sidebars & front page

  • 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 https://www.ontheflyhockey.com

    Any feedback would be great.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)

  • 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.

    Thread Starter maccatalkssport

    (@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.