Support » Themes and Templates » Change the theme width

  • Resolved KatrineDM

    (@katrinedm)


    Hi,i need to change the width of my page – to make it wider, and to make the sidebar narrower. My website is http://www.artoflifebuilding.com
    Below is my current rtl.css code. Which parts of it do i need to amend to change the width of my page and sidebar? Thanks.

    [CSS code moderated – a link to your site a enough to access the stylesheet]

Viewing 1 replies (of 1 total)
  • peredur

    (@peredur)

    Well, the width of the sidebar is determined here:

    #secondary-wrapper {
      float: right;
      width: 29.2434%;
    }

    The main content width is set by this rule:

    #content-wrapper {
      clear: both;
      margin: 0 30.4% 0 0;
    }

    The navigation menu width is determined here:

    #access {
      box-shadow: 5px -5px 5px -5px rgba(0, 0, 0, 0.5);
      display: block;
      float: left;
      margin: 0 auto;
      width: 69.6%;
    }

    Setting the width of the #secondary-wrapper to 20% and the margin of the #content-wrapper to 20.4% worked for me.

    You then need to set the width of the navigation menu. Setting it to 79.6% worked for me.

    You’ll want to play around with the figures to get a set of widths that you’re happy with.

    If you don’t have full control over the theme’s code, you should seriously consider making your changes in a Child Theme. It’s the only recommended way of modifying a theme.

    HTH

    PAE

Viewing 1 replies (of 1 total)
  • The topic ‘Change the theme width’ is closed to new replies.