Twenty Fourteen Child Theme – How to actually add full width to Post content and Images

UPDATE: I have updated this so that is now current for wordpress version 4.2.1 with twentyfourteen theme version 1.4.. enjoy :p

So your using Twenty fourteen theme. You really like the style etc. But you just want your content to stretch to full width. Most importantly on front end content/ and in your back end editor (so it’s the same width as your content on front end.

I have been searching forever how to do this properly so that it doesn’t delete itself after I update wordpress or the theme. Here is the quick solution using a child theme.

1. Download the twentyfourteen-child theme I have created.

2. Login to your Cpanel back-end file explorer. (not your wordpress admin back-end)

3. Extract this child style to “public_html/wp-content/themes/”

4. You should see a twentyfourteen-child folder now in the wordpress themes page.

5.. Now just set the template to your new “twentyfourteen-child” in your wordpress admin area.

 

6. To edit your front end display max widths (change, from cPanel or from Appearance -> Editor) edit the

“/public_html/wp-content/themes/twentyfourteen-child/style.css”

site-imagewidth

7. You will also need to edit the content width in the functions.php here.. so that images display correctly

“/public_html/wp-content/themes/twentyfourteen-child/functions.php”

iamgecontentwidth

7. To edit your back end editor max widths change

“/public_html/wp-content/themes/twentyfourteen-child/css/editor-style.css”

8. Enjoy actual full width that sticks! In both front end and back end!

Loading

Facebooktwitterredditpinterestlinkedinmail