WordPress.org

1. KatrineDM
   Member
   Posted 6 months 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 6 months 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

Reply

You must log in to post.