WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Change the theme width (2 posts)

  1. KatrineDM
    Member
    Posted 2 years ago #

    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]

  2. peredur
    Member
    Posted 2 years ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Topic