AgentPress home page – full width

Community Forums Forums General Discussion AgentPress home page – full width

This topic is: not resolved

This topic contains 3 replies, has 2 voices, and was last updated by  jodzeee 1 year, 6 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #12222

    jodzeee
    Participant
    Post count: 209

    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!

    #12288

    David Decker
    Moderator
    Post count: 93

    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


    #12363

    jodzeee
    Participant
    Post count: 209

    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:

    [css]</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">[/css]


    Versus full width page that is not the home page:

    [css]</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">[/css]

    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

    #12369

    jodzeee
    Participant
    Post count: 209

    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:

    [css]
    .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;
    }[/css]

    Versus full width page that is not the home page:

    [css]
    #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;
    }[/css]

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.