How to create a full width landing page please :)

[cdb2]

Hi,

I'm using Eleven40 Pro and need a blank full width landing page that I can then use as a basis to create a landing page in Thrive Architect.

I've created a page using the "landing page template" provided in Eleven40 Pro and it's fine but not full width - there's a lot of black unusable space either side. I need it full width to look professional.Very surprised Eleven40 Pro doesn't offer a full width landing page template???

I have no coding skills and wouldn't know where to go to change or add code.

I've found a plugin called Genesis Dambusters which allows me to achieve what I want - i.e. a full width blank page and it seems to work fine.

However I worry about ongoing support\compatibility for plugins etc etc and am wondering if there is a simple guide anywhere that will show me what to do to achieve a full width landing page without using a plugin, i.e. something that says press this, go into this, change this to this, press this, save and you are done??? I'm assuming it must just be a width parameter somewhere?

Or am I better off and safer sticking to a plugin for this?

Thank you for your time and patience.

[Brad Dalton]

You could look at the CSS rules which use the class generated by the page_landing.php file as well as the CSS for the site containers.

/* Site Containers
--------------------------------------------- */

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}

.eleven40-landing .wrap {
	max-width: 800px;
}

.site-inner {
	clear: both;
	margin: 65px 0 40px;
}

.site-inner .wrap {
	border-bottom: double #ddd;
}

.eleven40-landing .site-inner {
	margin: 0;
	padding: 0;
}

.eleven40-landing .site-inner .wrap {
	border: none;
}

You can then modify the width in the CSS.

---

Tutorials for StudioPress Themes.

[cdb2]

Many thanks for your input Brad, much appreciated.

I wouldn't know where to check what you mention, but can I paste what you supplied above or a section of it into Dashboard ==> Appearance ==> Customize ==> Additional CSS ?

Thank you.

[Brad Dalton]

Thats the default CSS which you need to modify using your own custom class for your custom page template, to make it do what you want.

It shows you how to use CSS to set the width of a page template based on whats used for the landing page template.

If you're going to be customizing your theme yourself, you need to learn the basics of CSS.

---

Tutorials for StudioPress Themes.

[Author]

Posts