WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Full Width Template for Twenty Eleven (6 posts)

  1. Karlene814
    Member
    Posted 1 year ago #

    I've search and search the forums for an answer to this and have tried many of the solutions given but I cant seem to get it to work on my site.
    I'm using Twenty Eleven, I created a child theme, I created a child template named page-fullwidth.php. I created a style.css in the child theme. I updated the pages I want to be full width to use the new template. But I am still not getting a full width page for the content area. I'm not using any custom css plugins.
    I cant remember where I got the code for the new template file. (I also watched alot of YouTube videos on how to accomplish this.)
    At any rate. I need a template in the theme that displays full width only on certain pages. I'm not a coder but quickly becoming one.
    I would appreciate suggestions and/or criticisms to help me get this done.
    Appreciate your feed back.
    Karlene.

  2. Karlene814
    Member
    Posted 1 year ago #

    Sorry for got to give the site name. It is bethelysleboda.com
    Thanks again!

  3. alchymyth
    Forum Moderator
    Posted 1 year ago #

    please explain 'full width', as the deafult page is already without sidebar and therefore kind of full width.

    if the below does not work, please post a direct link to one of the pages using the new template.

    for stretching the width of the the page to the same width as the index page, try and add these styles, for your example page template filename:

    .singular.page-template-page-fullwidth-php #content,
    .left-sidebar.singular #content {
    	margin: 0 2.6%;
    	position: relative;
    	width: auto;
    }
    .singular.page-template-page-fullwidth-php .entry-header,
    .singular.page-template-page-fullwidth-php .entry-content,
    .singular.page-template-page-fullwidth-php footer.entry-meta,
    .singular.page-template-page-fullwidth-php #comments-title {
    	margin: 0 auto;
    	width: 93.9%;
    }
  4. Karlene814
    Member
    Posted 1 year ago #

    Alchymyth, Thanks so much for the reply, I added the code above and it worked in my full width template. By full width, I meant the ability to put content on the entire page with no side bars and little margins.
    So that I can learn from this can you explain how I may have learned this on my own by looking at the code or anywhere else, and why it might be that while searching the forums for the answer to this, it seems like there a many different answers to the same question. Is it because I already made a child theme and template? Here is a link to the page I am using this for (I still have to do some work on the text - I want the text to run down the entire right side of the picture), I'm also using it on the submenu under home. http://www.bethelysleboda.com
    Thanks again, you saved me some headaches and time.
    Karlene

  5. alchymyth
    Forum Moderator
    Posted 1 year ago #

    how I may have learned this on my own by looking at the code or anywhere else

    using a browser tool such as Firebug http://getfirebug.com/ can help to identify which styles are influencing which parts of a web page; you can find css basics for instance in http://www.w3schools.com/css/;
    add a few years of doing this kind of thing....

    there a many different answers to the same question

    if you include the theme name into the search, there shouldn't bee too many different answers; however, 'fullwidth' does not always mean the same thing to everybody. this has nothing to do with child theme or not.

  6. Karlene814
    Member
    Posted 1 year ago #

    Thanks for your suggestions, I'm learning how to use firebug I get confused sometimes but keep trying. And yes just by doing this for a time and alot pf practice will help.
    Thanks again,
    Karlene

Topic Closed

This topic has been closed to new replies.

About this Topic