Ready to get started?Download WordPress


[resolved] How to increase the width of the whole theme? (10 posts)

  1. LeaParis
    Posted 10 months ago #


    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?


  2. paulwpxp
    Font hero
    Posted 10 months ago #

    Remove this part

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

    Add this

    /* Increase site's max width from default 1000px*/
    #page { max-width: 1280px; }
  3. esmi
    Theme Diva & Forum Moderator
    Posted 10 months ago #

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

  4. paulwpxp
    Font hero
    Posted 10 months ago #

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

  5. LeaParis
    Posted 10 months ago #

    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?

  6. LeaParis
    Posted 10 months ago #

    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?

  7. paulwpxp
    Font hero
    Posted 10 months ago #

    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.

  8. paulwpxp
    Font hero
    Posted 10 months ago #

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

  9. LeaParis
    Posted 10 months ago #

    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 !!

  10. paulwpxp
    Font hero
    Posted 10 months ago #

    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.


You must log in to post.

About this Topic