Support » Themes and Templates » Twenty Fourteen » [Resolved] Change the content of a single page

[Resolved] Change the content of a single page

  • Hi,

    I’ve just installed theme Twentyfourteen.
    On my website I have a page that has a table on it. I would like to change the width of this page only. I checked the forums and there are a few solutions there, but they’re not working with me (different theme?).
    The page is here.

    I am using a child theme and changed/enlarged the width of all pages already.

    Thanks for helping out.

Viewing 6 replies - 1 through 6 (of 6 total)
  • When you checked the forums did you come across suggestions to use Firebug or an equivalent browser developer tool?


    Yes I have seen those. Didn’t use Firebug, but loaded the page source into my off-line editor and tried several options based on the page structure and the hints I had seen on the forum. No luck.
    I then thought that because of theme-specific tags and classes the options might work for other themes but not for Twenty Fourteen.

    I will install and try Firebug, but I am not really optimistic that I my findings will be very much different.


    When you say you want to change the width of the page, do you just mean this bit outlined in red: http://snag.gy/M9fiS.jpg ?

    Yes, that’s what I want(ed).
    Downloaded and installed Firebug. It helped me better than I had hoped from previous experiences. I checked the page and found the area I wanted the width to change. It took me a couple of tries to address the right parameter in the right way, but I managed to change it.

    Thanks very much for your advice. Learned something again.

    Actually this is what I needed to add to the child CSS to change the content width of the specific page:

    .page-id-231 .entry-content {
    max-width: 800px;


    I’m terrible at this tech stuff. I’ve searched all day (seriously 12 hours) for step-by-step directions for how/where to change the width of a single page in Twenty Fourteen. I see that you’ve addressed it here, but when I tried to follow your directions that worked for you, it didn’t work for me. I’m trying to implement this code on this page: http://chickletsinthekitchen.com/printable-coupons/

    I installed Firebug and inserted

    .entry-content {
    max-width: 800px;

    after my .page-id-3664 It moved the coupon savings center to the left, but that was all. As soon as I refreshed the page it when back to the middle.

    Can you tell me exactly what I need to do to change the width to its maximum and make it stick?

    Thanks so much!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] Change the content of a single page’ is closed to new replies.
Skip to toolbar