Forum Replies Created
-
AuthorPosts
-
January 15, 2013 at 10:46 pm in reply to: Is there a way to adjust width of sidebars in Prose? #12211wendycholbiMember
Yep, try this:
.content-sidebar #content, .sidebar-content #content {
width: 620px;
}I believe the default width is 590 pixels. Increase this width by the same number of pixels you decreased your sidebar by. So if your sidebar went from 280 pixels wide to 250 pixels wide, that's a decrease of 30 pixels, so to compensate, you'd want to add 30 to the default content width, so it would be 620 pixels as in my example code above.
And keep in mind that this code will be specific to pages that are displaying the Primary Sidebar only. If you are going to have any pages that use both the Primary and Secondary sidebars, you'll need additional code-tweaking.
Hope this helps! I'd love to see a link to your site to see how it's working.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberProse provides design settings for your site title and tagline. You do not need to edit any CSS files (and if you do need to edit CSS, add it to Genesis --> Custom Code, don't edit style.css).
Look in Genesis --> Design Settings for the two panels labeled "Header Title" and "Header Tagline". You can change the font color, size, family, and location. Make sure to save your changes with the blue "Save Settings" button at the top right of that screen, and refresh your browser to see the results on your site.
If you want to use a font that's not included in the standard set of Genesis fonts, you can either add some custom CSS to the Custom Code page, or use a plugin like WP Google Fonts.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
January 15, 2013 at 3:58 pm in reply to: Is there a way to adjust width of sidebars in Prose? #12131wendycholbiMemberTyler, if you are using Prose, do not edit style.css.
Instead, copy the code provided by Jon above into the Custom CSS field in Genesis --> Custom Code. Then you can tweak your sidebar widths to suit you, and your changes will not be overwritten the next time a new version of Prose is released.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberHi Sean,
Try adding this code:
.full-width-content #content {
width: 1060px;
}Tweak the width to suit you. If you have lines of text that are actually that long, though, they might end up being hard to read, so you might want a slightly narrower width but centered on the page, with something like this:
.full-width-content #content-sidebar-wrap {
width: 100%
float: none;
}
.full-width-content #content {
width: 925px;
margin: 0 auto;
}Let me know how it goes!
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberHi Sean,
I didn't see your site during the period when the sidebar was pushed to the bottom, but it looks like you at least got the sidebar back in place.
(Can I just say, I admire how you've customized Prose so far? A beautiful custom header, some nice styles in the nav and background, and it looks completely custom designed. Nice work!)
Okay, you've got your body width set to 1100 pixels. Now you need to widen several boxes (divs) that are inside the body div. Refer to the Genesis Visual Markup Guide to see which pieces you need to widen (although that guide doesn't show the footer widgets, which we'll get to in a second).
The divs you need to change the widths of are probably going to be #inner, #content-sidebar-wrap, #content, and #sidebar.
I would start by putting something like this into Genesis --> Custom Code --> Custom CSS (and this is only for the sidebar-on-the-right layout; if you have pages with no sidebar or pages that use two sidebars, you'll need some additional tweaking to cover those layouts):
#inner {
width: 1100px;
padding: 0 20px;
}
.content-sidebar #content-sidebar-wrap {
width: 1060px;
}
.content-sidebar #content {
width: 690px;
}
.sidebar {
width: 350px;
}This is a starting point; tweak these numbers if you want. If the widths of the content div and the sidebar add up to wider than their container, the sidebar will get pushed down, which you've already experienced.
To get the footer widgets to stretch across your wider site, put this code into Genesis --> Custom Code --> Custom CSS:
.footer-widgets-1, .footer-widgets-3 {
width: 335px;
}
.footer-widgets-2 {
width: 340px;
}That should get you started. Hope this helps!
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberIf you're using Prose, you'll want to copy the CSS Jon provided into the Genesis --> Custom Code --> Custom CSS field, instead of modifying any style.css files. Make your changes on the Custom Code screen and save changes -- makes testing and tweaking very easy.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
January 13, 2013 at 4:29 pm in reply to: How to Disable Mobile Responsive on Prose Child Theme #11676wendycholbiMemberYou could try adding this code snippet to Genesis --> Custom Code --> Custom Functions:
/*Remove mobile-responsive code*/
remove_action( 'genesis_meta', 'prose_add_viewport_meta_tag' );
This code predates the Genesis 1.9.1 and Prose 1.5.2 updates, so it's possible it no longer works. Worth a try (and very easy to undo), though.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
-
AuthorPosts