AgentPress home page – full width

[jodzeee]

When I assign the full width layout to my home page in AgentPress, the text is butted up against the edges (no padding/margin). Am I doing something wrong? How can I fix this?

Thanks!

[David Decker]

Please give us an URL of your site. Thanks!

Normally, this kind of stuff is resolved with CSS fixes -- great tool for that is Firebug Add-On via Firefox or Chrome browser. Also, see this StudioPress blog post: http://www.studiopress.com/tips/using-firebug.htm

---

Twitter @deckerweb // Google+ // My Genesis & WordPress Plugins // German Translations for Genesis

[jodzeee]

I'm currently developing it offline using WAMP.

It's a fresh install and I haven't done anything to the CSS yet, so I'm having trouble understanding why it would act this way out of the box. Here's what I found using Firebug:

If home page is assigned full-width layout:

</code></div>
<div class="cssElementRuleContainer ">
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">.page-template-home-demo-php.full-width-content #inner, .archive.full-width-content #inner, .home.full-width-content #inner {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">    padding-bottom: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-left: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-right: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-top: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    width: 960px;</div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">}</div>
</div>
</div>
<div class="cssRule cssEditableRule insertInto editGroup " role="presentation">
<div class="cssHead focusRow " role="listitem">#inner {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">    background-color: #FFFFFF;</div>
<div class="cssProp focusRow editGroup " role="option">    box-shadow: 0 1px 3px #000000;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-bottom: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-left: auto;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-right: auto;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-top: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    overflow-x: hidden;</div>
<div class="cssProp focusRow editGroup " role="option">    overflow-y: hidden;</div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">}</div>
</div>
<code class="plain plain">

Versus full width page that is not the home page:

</code></div>
<div class="cssHead focusRow " role="listitem">#inner {</div>
<div class=" " role="group">
<div class="cssPropertyListBox " role="listbox">
<div class="cssProp focusRow editGroup " role="option">    background-color: #FFFFFF;</div>
<div class="cssProp focusRow editGroup " role="option">    box-shadow: 0 1px 3px #000000;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-bottom: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-left: auto;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-right: auto;</div>
<div class="cssProp focusRow editGroup " role="option">    margin-top: 0;</div>
<div class="cssProp focusRow editGroup " role="option">    overflow-x: hidden;</div>
<div class="cssProp focusRow editGroup " role="option">    overflow-y: hidden;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-bottom: 20px;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-left: 20px;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-right: 20px;</div>
<div class="cssProp focusRow editGroup " role="option">    padding-top: 20px;</div>
<div class="cssProp focusRow editGroup " role="option">    width: 920px;</div>
</div>
</div>
<div class=" editable insertBefore " role="presentation">}<code class="plain plain">

So I think I found my answer, but don't understand why it'd be different.

Also, as a sidenote - the home page out of the box has a broken link. It links to http://demo.studiopress.com/agentpress-two/ instead of http://demo.studiopress.com/agentpress/

Thanks,
Jodi

[jodzeee]

Whoa, let's try that again. Is there a way to edit or delete posts?

I’m currently developing it offline using WAMP.

It’s a fresh install and I haven’t done anything to the CSS yet, so I’m having trouble understanding why it would act this way out of the box. Here’s what I found using Firebug:

If home page is assigned full-width layout:

.page-template-home-demo-php.full-width-content #inner, .archive.full-width-content #inner, .home.full-width-content #inner {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
width: 960px;
}

Versus full width page that is not the home page:

#inner {
background-color: #FFFFFF;
box-shadow: 0 1px 3px #000000;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
overflow-x: hidden;
overflow-y: hidden;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
width: 920px;
}

So I think I found my answer, but don’t understand why it’d be different.

Also, as a sidenote – the home page out of the box has a broken link. It links to http://demo.studiopress.com/agentpress-two/ instead of http://demo.studiopress.com/agentpress/

Thanks,
Jodi

[Author]

Posts