WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Fourteen
[resolved] Change the content of a single page (7 posts)

  1. LBurger
    Member
    Posted 6 months ago #

    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.
    Peter

  2. Andrew
    Forum Moderator
    Posted 6 months ago #

    When you checked the forums did you come across suggestions to use Firebug or an equivalent browser developer tool?

  3. LBurger
    Member
    Posted 6 months ago #

    Andrew,

    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.

    Peter

  4. Andrew
    Forum Moderator
    Posted 6 months ago #

    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 ?

  5. LBurger
    Member
    Posted 6 months ago #

    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.

  6. LBurger
    Member
    Posted 6 months ago #

    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;
    }

  7. chicklet1
    Member
    Posted 3 months ago #

    Hi,

    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!
    Lis'Anne

Reply

You must log in to post.

About this Theme

About this Topic