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

  1. LeaParis
    Posted 3 years 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 3 years 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
    Forum Moderator
    Posted 3 years 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 3 years ago #

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

  5. LeaParis
    Posted 3 years 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 3 years 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 3 years 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 3 years ago #

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

  9. LeaParis
    Posted 3 years 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 3 years 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.

Topic Closed

This topic has been closed to new replies.

About this Topic