Create a full-width page template

  • Resolved klaw718

    (@klaw718)


    10 years, 4 months ago

    Hi there,

    I’d like to create a full-width page template for certain pages of my site. I tried just selecting the full width option at the bottom of the page editor for certain pages, but now the text is off screen and pushed to the left. My site is https://www.thepeacetribe.com, and if you go to the ‘our mission’ and ‘advertise’ tabs, you’ll see what I mean. I’m assuming I need to create a full width page php file to make it work, but I don’t want to do that without asking for help first. I also tried looking in my page.php file to simply copy the code and make a new page template, but nothing is in my page.php file and I don’t know where else to look.

    Does anyone have any experience with this? I’d appreciate some help! thanks

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Do you know where you got this theme from? It sounds like something you should ask to your theme author.

    Thread Starter klaw718

    (@klaw718)

    Unfortunately he offers no additional support ??

    It’s called the Raider theme for the genesis framework.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I tried just selecting the full width option at the bottom of the page editor for certain pages, but now the text is off screen and pushed to the left

    Can you link to a page with the issue? Perhaps it’s just a CSS fix

    Thread Starter klaw718

    (@klaw718)

    https://www.thepeacetribe.com/our-mission/

    I found the CSS that includes the full page content, it should be .full-width-content or something like that, now I think I just need padding/margins to make everything centered. I added text-align: center but that didn’t quite do the job. What do you think?

    Thread Starter klaw718

    (@klaw718)

    .full-width-content .content {
    text-align: center;
    width: 100%;
    }

    there’s the code I found that controls full width content

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Left aligned is easier to read, but it’s always going to look text heavy with such a wide template.

    Thread Starter klaw718

    (@klaw718)

    Yeah I made a mistake, I want the text to be aligned to the left but just in the middle of the screen. I’m trying to add some margins and padding in there to hopefully do the job.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Remember it’s a responsive theme ??

    Thread Starter klaw718

    (@klaw718)

    lol I fixed it. thanks for reminding me haha ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Create a full-width page template’ is closed to new replies.