Infinity Pro Full PAge width

[RoxG]

HI,

Is it possible to increase how much of the page the content takes up? The text is just in the middle of the screen with too much white space to the sides. I'm referring to the regular pages not the home page of course.

thanks so much

http://www.thefreedomcollective.com

[PyramidWeb]

Hi Roxine,

In your "style.css", search for

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

and change "max-width: 840px;" to your preferred width. Note that the content area is in the container ".site-inner" that has "max-width: 1280px;". Since this content area cannot extend beyond its container, the max. width of the content area is 1160px (1280 - 2*60px padding left and right). If that's not enough, you need to change "max-width" of ".site-inner", too. (Just seach for ".site-inner" in style.css.)

The width of the content sections on the front page (home page) are set in "style-front.css".

Hope this helps.

[RoxG]

Thank you!

[RoxG]

PyramidWeb can you tell me where to chage the width of the landing page. I tried to change this is CSS but it did nothing

}

.landing-page .site-inner,
.lead-capture-page .site-inner {
margin-top: 0;
max-width: 1200px;
}

[PyramidWeb]

You need to change both,

.landing-page .site-inner, .lead-capture-page .site-inner {
    margin-top: 0;
    max-width: 840px;
}

and

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

The latter sets the width of full width content on all pages of the website, including the landing page. Note that the width cannot extend the width of the container.

[brodiebrodie]

You can also use a custom body class ("full")

[Author]

Posts