Full width page – theme twentythirteen

  • Resolved satimis

    (@satimis)


    11 years ago

    Hi all,

    I was following;
    Full Width Page Template
    https://www.ads-software.com/support/topic/full-width-page-template-2?replies=26

    to edit full width page but failed.

    1)
    Steps performed as follows;

    child style.css

    /*
Theme Name:     Twenty Thirteen Child
Theme URI:      https://sousvide.reynoldstocks.com/
Description:    Child theme for the Twenty Thirteen theme
Template:       twentythirteen
Version:        0.1.0
*/
@import url("../twentythirteen/style.css");
body .site-header {
background-size: 100%;
}
.entry-header-full,
.entry-content-full,
.entry-summary-full,
.entry-meta-full {
	margin: 0 auto;
	max-width: 1110px;
	width: 95%;
}

    copied page.php to “child theme” and renamed it full-width.php

    changed;
    .entry-header to .entry-header-full,
    .entry-content to .entry-content-full,
    .entry-meta to .entry-meta-full

    Couldn’t find .entry-summary

    2)
    Rename full-width.php back to page.php

    Still failed

    Website under building;
    https://sousvide.reynoldstocks.com

    Header image
    1600 x 230 px

    Please help. Thanks

    satimis

Viewing 1 replies (of 1 total)
  • Thread Starter satimis

    (@satimis)

    Hi all,

    I sorted out my problem.

    child theme style.css should read;

    /*
Theme Name:     Twenty Thirteen Child
Theme URI:      https://sousvide.reynoldstocks.com/
Description:    Child theme for the Twenty Thirteen theme
Template:       twentythirteen
Version:        0.1.0
*/
@import url("../twentythirteen/style.css");
body .site-header {
background-size: 100%;
}
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	max-width: 1440px;
	width: 95%;
}

    copy page.php to child theme directory and renamed it as “full-width-page.php”

    That is all. Thanks

    satimis

Viewing 1 replies (of 1 total)
  • The topic ‘Full width page – theme twentythirteen’ is closed to new replies.