Support » Themes and Templates » How to increase the width of the whole theme?

  • Resolved LeaParis

    (@leaparis)


    Hello,

    I increased the width of the main column but it ended up below the side bar column. So i’m trying to increase the width of the theme in general to avoid that.

    My theme is Catchbox and my blog http://www.leahudson.com.

    I tried using #page but I couldn’t increase the width, just decrease it.

    Do you have an idea?

    Thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • Remove this part

    /*
    Drapeaux Polylang en ligne
    */
    .lang-item {
    display: inline;
    padding: 0px 5px 0px 5px;
    text-align: right;
    position:relative;
    left: 859px;
    bottom: 30px;
    }

    Add this

    /* Increase site's max width from default 1000px*/
    #page { max-width: 1280px; }
    esmi

    (@esmi)

    Forum Moderator

    No! Do not edit the theme itself. First create a child theme for your changes. Or install a custom CSS plugin.

    This theme comes with Custom CSS option which is in used at the moment.

    Catch Box

    Thanks Paulwpxp, that works !!! But my side bar column is wider now and I would like to keep it the same. How can I do that?

    I managed to get my side bar the width it used to be, but now I have a huge gap between the main column and the side bar. I can’t increase the width of the main column. Is it at the maximum already?

    I don’t really agree on keeping the sidebar’ width fixed, when the layout is wider the whole thing should scale up proportionally, right ?

    I guess the reason for keeping sidebar width the same is because the image in your sidebar doesn’t span full to its new width ? if that’s the case, you should fix that image instead.

    But anyway, for whatever reason, if you want the sidebar to be the same width, use this code instead.

    /* Adjust widths for big screen only  */
    @media screen and (min-width: 1280px) {
    	#page { max-width: 1280px; }
    	#primary { margin: 0 -28.390625% 0 0; }
    	#content { margin: 0 38.6% 0 3%; width: 65.509375%; }
    	#secondary { margin-right: 3%; width: 25.390625%; }
    }

    It will only adjust thing in big screen ( 1280 and up ), anything less will use theme’s default.

    The site is running on WP 3.4.2, there is no reason for not updating to the latest.

    Thanks, that works perfectly !!!

    I prefer to have the same width for the sidebar because of the image and the widgets, but also because I prefer to use the extra space to have a bigger main column, so bigger pictures. The whole thing was to get bigger pictures 🙂

    I haven’t updated wp because (don’t shout lol) well I haven’t done a child theme at the time I started the blog… I tried once to do the update and it destroyed everything. I remember that I tried to do a child theme at this time but I changed things in some php I wasn’t supposed to I guess… I’m not really good with code and stuff, I basically just try things and see what happens.

    Thanks again for your help !!

    The main concern of outdated WP is security.

    Imagine the amount of sadness when the site got hacked.

    So, whatever you’ve done to the theme, it could be transfered to child theme. You can open a new topic for this if you want, but go to the theme’s page and click on “Support” tab and post it from there.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to increase the width of the whole theme?’ is closed to new replies.