Content width area

If you are using the Twenty Fourteen Theme, you have the option to use the Full Width Template for each page. Just edit the page in question and choose “Full Width” from the Template drop-down in the Page Attributes section.

If it were me, unless you need some other features from Jetpack, I would deactivate and delete it (the fewer plugins you run, the more efficient your site will be) and then create a child theme of Twenty Fourteen by following the directions here.

You can then add custom CSS to your child theme’s style.css if you need to without having to run a plugin to do it or having it overwritten when the parent theme is updated.

hi linux,

thanks for your response. I did used the full width template in my homepage: https://www.bellehanzberj.com/ — I noticed that’s all the page content area I had on a full width template. In my content editor, the paragraph format was justified. I wasn’t able to occupy the whole white page area. Is it possible for me to expand it? if yes, how will i do that?? I want a wider content area, if possible to also remove the left side bar when in full width template. I’ve been looking around how to do it but still wasn’t able to find any solution.

I don’t know if this matter but this is my default page: with the right side bar — https://www.bellehanzberj.com/explore/literature/ — so the only difference from my default and full width is the right sidebar but the CONTENT AREA width is still the same. That’s what I want to expand. HOpe i make sense. ??

Thanks for the link of child theme. I will do that now. one more question, once i had my child theme, is it possible for me to re-install twentyfourteen theme via FTP? Cos prior to this I did some changes on the footer.php file on parent theme.

Thanks heaps for the help.

Cheers..

That’s no good. To me, if you select a full page width template it should remove both sidebars. It looks like a problem with Twenty Fourteen.

Take a look at this thread. Apparently, the best solution is to add the Fourteen Extended Plugin:

With the 2014 theme, install the Fourteen Extended Plugin. Go to Appearance, Customize, Twenty Fourteen General Options, and click Remove Primary (Left) Sidebar. I had to select “Remove the Feature Content” too but should work without checking this. Credit to MyEZ WP (YouTube).

Also, under Fourteen Extended, select “Twentyfourteen Content Options” and change “Content Max-Width” to 800. This will move your content all the way to the left…no more space.

hi linux,

thanks heaps for your instructions. i was able to configure now the content width and max overall site width with the help of Fourteen plugin. But the thing I’ve observed with twentyfourteen theme is that it will allow you to have the a FULL SCREEN width i.e. 1920px but the allowable max limit content width (no left & right bar) is only 1260px. I observed this as I couldn’t get my banner upto 1920px width, it always asked me to crop and max out is 1260px. Is there any way to override the max content width? I am thinking as an alternative solution for the banner to fit in is have it at 1260px wide then have my overall site width to fullscreen at 1920px or more then used a black color background to fit to the theme color, my question now is CAN I HAVE MY HEADER IMAGE (BANNER) to be put to center?? cos when I max out the width area the banner goes to the left endside and make a gap on the right which doesn’t look good. Hope I make sense.

I have few more queries:
>> is it possible for the left side bar be hidden only on the homepage? then have it on all other pages? Cos when i tick the box of remove left side bar, it is hidden on entire website. I only want it gone in my static homepage.

>> Can I possibly make the secondary menu below my primary menu? Cos mine is on the left sidebar. What I wanna do is my primary menu align on the top left side then my secondary is below that only align to the right.

Thanks heaps linux… You are my savior ?? Don’t get tired reading and answering my query here… ??

Cheers…. ??

If you’re going to start customizing the theme that much, you’re going to first need to create a child theme according to the instructions here.

I can’t test this because my screen resolution is too low, but to center your header image, you could try adding this to your newly created child theme’s style.css:

#site-header {
  margin-left: auto;
  margin-right: auto;
}

To remove the left sidebar only on the front page, it gets tricky. Removing the left sidebar content itself is easy. If you’re using a static page for your home page (not blog entries), just copy the page.php to your child theme and find this on about line 47:

get_sidebar();

and change it to this:

if (!is_front_page()) { get_sidebar(); }

However, that will leave a bunch of space and a black bar on the left side. To get rid of the black bar, you need to copy the header.php to your child theme and find this on about line 34:

<div id="page" class="hfeed site">

and replace it with this:

<div id="page" class="hfeed <?php if (!is_front_page()) { echo 'site'; } ?>">

At that point, you’re going to need to wade through the CSS that confines the entry content itself to the remaining area and put in conditionals to override the original classes in the theme and replace them with new classes that will allow you to enlarge the actual content area as you wish.

It’s going to be tricky, and I suspect it’s why someone came up with a plugin to help non-developers do it.

If you’re not up to the task, you might consider contacting the developer of the Fourteen Extended Plugin to see if they would add an option to confine eliminating the left sidebar to the home page only. The other thing you might do is look for a theme that already offers the functionality you want.