landing page template width

[Annamarie]

Hi
My CSS is really rusty, my PHP is truly minimal, so I'm turning for help for what is a no-brainer for some.
I have a landing page template that goes full-width - for which I'd actually like to have some margin. How do I do that? Here's the code I'm using.. Must have found it on the Genesis site when doing my design some two-three years ago. Thanks for help!

<?php

/*
Template Name: Landing
*/

// Add custom body class to the head
add_filter( 'body_class', 'add_body_class' );
function add_body_class( $classes ) {
   $classes[] = 'landing-page';
   return $classes;
}

// Force full width content layout 
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );

// Remove header
//remove_action( 'genesis_header', 'genesis_header_markup_open', 5 );
//remove_action( 'genesis_header', 'genesis_do_header' );
//remove_action( 'genesis_header', 'genesis_header_markup_close', 15 );

// Remove navigation
remove_action( 'genesis_after_header', 'genesis_do_nav' );
remove_action( 'genesis_after_header', 'genesis_do_subnav' );

// Remove breadcrumbs
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs');

// Remove footer widgets
remove_action( 'genesis_before_footer', 'genesis_footer_widget_areas' );

// Remove footer
remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
remove_action( 'genesis_footer', 'genesis_do_footer' );
remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );

genesis();

https://www.sharinghousing.com/homemate-compatibility-assessment-token-required/

[Victor Font]

Change the max-width setting in this CSS at line 649 in style.css:

.site-inner, .wrap {
    margin: 0 auto;
    max-width: 1200px;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Annamarie]

Wouldn't that change it for all my pages not just the landing page?

My CSS is rusty, could I do?

.landing-page .site-inner, .wrap {
margin: 0 auto;
max-width: 1200px;
}

Change max-width of course

[wputler]

Hi - it looks like you can target only your landing pages with:

.page-template-page_landing .site-inner .content-sidebar-wrap {
     padding: 40px 80px;
}

[Annamarie]

Nope - doesn't hook and actually leaves some elements still in full width. Dang.

[Angelo]

change your-theme-landing for your theme landing class, then Place it at the end of your stylesheet

.your-theme-landing .wrap {
max-width: 100%;
}
.your-theme-landing .wrap .entry{
margin: 1%;
}

[Author]

Posts