Infinity Pro page width

[RoxG]

I've gone through all of the steps in the set up in Infinity Pro and can't seem to figure out how to change the page width. The pages seem really narrow with too much white space on the sides and I don;t want to use the side bar to fill it. Can someone tell me how to do this?

[Erika]

Hi RoxG,

This code is located in your theme. Delete the max width and simply adjust the regular width to whatever you'd like it to be. Let me know if this helps!

.full-width-content .content {
border-right: none;
float: none;
margin-left: auto;
margin-right: auto;
max-width: 840px;
width: 100%;
}

[RoxG]

Thank you Erika, Am i deleting the line Max-width all together?

[RoxG]

Hi,

I tried changing the value in max width but that didn;t do anything. I'm wondering if I delete the line completely but I'm reluctant to delete anything

[ᴅᴀᴠɪᴅ]

That is definitely how you do it. Deleting it is just the same as it being 100%, choosing a value is probably recommended so you don't have too many words per line.

I just tried it and changing the value to say, max-width: 1100px; works fine. Just make sure you clear your browser cache to make sure you see the style changes after you change it.

---

I love helping creative entrepreneurs build epic things with WP & Genesis.

Follow on Twitter

[RoxG]

I'm obviously missing something.

I went into the Style.css and changed the value for max-width, cleared my cache and nothing happened. My head is still cut off in the picture. I tried deleting the line that reads width: 100%; and it just shrunk the image.Is there a way to adjust the height instead of width? It's the height that I'm having trouble with. It keeps cutting off my head even went I make the below the themes recommended height of 1000px

/* Content */

.content {
float: right;
padding: 80px 60px;
width: 65%;
}

.content-sidebar .content {
border-right: 1px solid #eee;
float: left;
}

.sidebar-content .content {
border-left: 1px solid #eee;
}

.full-width-content .content {
border-right: none;
float: none;
margin-left: auto;
margin-right: auto;
max-width:1100;
width: 100%;
}

.full.full-width-content .content,
.full.landing-page .site-inner,
.full.lead-capture-page .site-inner {
max-width: 100%;
}

/* Primary Sidebar */

.sidebar-primary {
float: right;
width: 35%;
}

.sidebar-content .sidebar-primary {
float: left;
}

[RoxG]

Is anyone available to help me with this? As an update, I had a look at the site on my phone and my head does not cut off in the homepage background iamges but it does on the laptop and desktop.

[Author]

Posts