Change the Theme Width

You can change 2 elements of the theme’s width right from the Theme Options page, these are: “Content Width” (the width of the main article, not including the sidebar) and “Sidebar Width” (the width of the left or right floating widget area). All measurements are in pixels, so you only need to type the desired numerical width in the text boxes.

The entire page width is equal to the combined widths of the Content + the Sidebar + the spacing between them. By default, these measure 762 pixels, 252 pixels, and 30 pixels, respectively, for a total default theme width of 1044 pixels.

To set these widths to your own custom values, first open the Theme Options page. This item is under the Admin Bar when on the public site (if enabled) and is always available on the dashboard under the Appearance tab, or at http://your-home-url.com/wp-admin/themes.php?page=magomra-theme-options. It should look like the screenshot below:

Set the width of the Magomra Theme

Location of the width settings on the Theme Options page.

Then enter the number of pixels you would like your new theme widths to be and click the “Save All Changes” button at the bottom of the page. Take a look at your pages and determine if the widths need further adjusting!

2 Thoughts on “Change the Theme Width

  1. Hello,
    1st – I can’t change to default dark blue color on the title in the Header. The color shows in the “Header” section but with proper update/save it still doesn’t change.

    2nd – I’m trying to change the width of the sidebar so I can get two 125×125 pixel ads to display along side of each other. The Widget detects it’s two narrow and puts them in a row. I tried a different widget and it too won’t put next to each other.

    Since both of these issues are not allowing the changes, is there a safety of some sort that is stopping the changes.
    Thanks,
    Bob

  2. Hi Luke, I really liked your theme, and would like to use it, but I´d like to change some colors, head banner height and othe few layout details. What archives should I access to do that? The style.css is enought or should I edit any other? Thank you very much!

Leave a Reply

Your email address will not be published. Required fields are marked *