Community Forums › Forums › Archived Forums › Design Tips and Tricks › Adjusting Padding & Margins in Prose Theme – Genesis ClubPro
- This topic has 6 replies, 2 voices, and was last updated 8 years, 4 months ago by sunnypapabear.
-
AuthorPosts
-
October 30, 2015 at 12:03 am #169579sunnypapabearMember
The website under development is http://PeterCruikshank.com/dev
My current Prose theme has semi-transparent Stretched Backgrounds (Genesis ClubPro) behind Content and Sidebars, however, the text runs right up to the left edge of the backgrounds (see website). I am hesitant to jump into the Style sheet and start playing with the padding settings when I don't even know which lines in the Style sheet to edit :0( I saw #content in there a few different times with padding lines.
On the Home page I also want to reduce the width of the Primary Sidebar a little and increase the width of the Secondary Sidebar. I only use the sidebar-content-sidebar on the Home page -- all other pages are content-sidebar and the size of the Primary Sidebar is fine on those pages. Maybe also reduce the Margins between the content and the sidebars.
Any guidance/suggestions for the two above problems would be greatly appreciated.
October 30, 2015 at 1:20 pm #169656PorterParticipantYou'll want to edit the #content with something like below (I only changed the padding, looks much better):
#content { float: left; padding: 10px 12px 20px; width: 420px; }
For your left sidebar on the home page, that's:
.sidebar-alt
Widths can be adjusted with:
.content .sidebar etc
Make sure you edit your "media queries" at the bottom of the page to reflect any structural changes you make (widths), the padding shouldn't change anything.
October 30, 2015 at 3:31 pm #169669sunnypapabearMemberIt didn't change anything :0( I made the changes you said in the Style sheet, but maybe there is something over-riding the Style sheet???
October 30, 2015 at 3:53 pm #169671sunnypapabearMemberIt did work after all. I had to put it in the Custom CSS.
October 31, 2015 at 12:54 am #169694sunnypapabearMemberInteresting. I got the padding to work for #content and #sidebar-alt, but I can't seem to pad the Primary Sidebar; which I assume is #sidebar
I put the following in the Genesis Custom Code (css) to get what you currently see at http://PeterCruikshank.com/dev
#content {
float: left;
padding: 10px 10px 20px;
width: 410px;
margin: 10px 10px 10px 0px
}#sidebar-alt {
float: left;
padding: 10px 10px 20px 10px;
width: 140px;
margin: 10px 0px 10px
}#sidebar {
float: left;
padding: 10x 10px 20px 10px;
width: 280px;
margin: 10px 0px 10px
}October 31, 2015 at 1:56 am #169697PorterParticipantYou've actually got it right, but there's a tiny typo!
padding: 10x 10px 20px 10px;
10x breaks the code, and disables it, just add the "p" so it's 10px!
That being said, I just tested, and when you do this, it will move your sidebar below the content, due to there not being enough space. The best thing to do here is to know your full width, and the width of sidebar-alt, content, and sidebar, and math out how you want everything to be so it's a perfectly snug fit.
November 2, 2015 at 9:13 pm #169961sunnypapabearMemberYes I noticed that as well, but some really strange things happen. If I reduce the sidebar by say 30px and increase the sidebar-alt by a corresponding 30px, the sidebar-alt doesn't change? I was also thinking of making the entire "inner" area a little wider -- maybe to 1,000, but not sure if I can do that without messing things up. Bottom-line, I would like to make the sidebar-alt a little wider and willing to give up some of the sidebar width if necessary, though being able to make sidebar-alt a little wider without giving up width on content or sidebar would be preferred.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.