Full 100% width custome page creation

[Elena]

Hello. Need some help with the custom page template. I need it to be full width and to cover the whole screen. Tried different suggestions from here with padding / inner etc it still doesn't seem to work properly.

My friend has helped me with a custom page and I was happy with the layout. Here is an example:
http://elenakozliakova.com/full/

BUT my BIG problem is that with this template my plugins don't work (go to top and especially the ninja pop-up that I need to use) and my friend is not familiar with genesis at all 🙁

I need the page to use genesis to make my plagins work but with that type of custom page I still have blanc areas around the content despite of 100% width and 0 paddings set up.

It looks like this:
http://elenakozliakova.com/optin/

What I need to do to override the default genesis paddings?
Thank you for help.

http://elenakozliakova.com/optin/

[brock]

First, in your style.css delete the max-width for this selector:

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

Next, delete the margin-top for this selector:

.site-inner {
  clear: both;
  /* margin-top: 170px; */
}

This will make it full-width. Hopefully it helps.

[Elena]

Thank you, Brock. Yes that helped but it changed also other pages including blog posts. I have found the solution. Hope it looks ok on different screens. I made changes on this particular page template style.

/*
mylanding
---------------------------------------------------------------------------------------------------- */

body.parallax-mylanding .site-inner {
max-width: none;
padding: 0px  0px 50px;

}

.full-width-content.parallax-mylanding .content {
	padding: 0px  0px 0px;
	max-width: none;

}

Found the parameter - max-width: none; - here:
http://www.billerickson.net/full-width-landing-pages-in-genesis/

[Author]

Posts