Increasing Width of the Catch Box WordPress Theme

After much browsing in the WordPress themes directory I settled upon the Catch Box theme to use for this site. It ticks most of the stylistic boxes for what I wanted out of a theme, and is regularly updated. However, one of the main issues I had with it was that it was too narrow to really do justice to photos, videos, and well … content in general! Thankfully this was quite easy to fix.

Do do this you’ll need to insert some code into the custom CSS styles section of the theme options, which can found following these menus in the WordPress administration dashboard:

Appearance > Customise > Theme Options > Custom CSS Styles

Once there paste the following code into the box and click on the Save button:

@media screen and (min-width: 1025px) {

 .site { width: 90%; max-width: 1280px; }

 #primary { width: 80%; }

 #secondary { width: 18%; }

.one-column .site {width: 90%; max-width: 1280px;}

}

This will increase the width for both the left and right sidebar layout, and the one column layout, which you can see an example of here.

Obviously if this is too wide for your taste then reduce the width percentages in the code.

That’s all for now, but I’m sure there will be a few more tweaks I’ll need to make in the future. In the meantime enjoy this great theme!