Community Forums › Forums › Archived Forums › General Discussion › AgentPress home page – full width
Tagged: Agentpress, full width, home, padding
- This topic has 3 replies, 2 voices, and was last updated 11 years, 10 months ago by jodzeee.
-
AuthorPosts
-
January 15, 2013 at 11:46 pm #12222jodzeeeMember
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!
January 16, 2013 at 9:02 am #12288David DeckerMemberPlease 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
January 16, 2013 at 12:53 pm #12363jodzeeeMemberI'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,
JodiJanuary 16, 2013 at 1:12 pm #12369jodzeeeMemberWhoa, 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 -
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.