Forum Replies Created
-
AuthorPosts
-
wendycholbiMember
I suggest checking out these Genesis code snippets for post navigation -- the "next page" and "previous page" snippets may be what you're looking for. You can customize the link text as you wish.
The instructions on those snippets say to add them to your functions.php file, but Prose works differently: Instead of modifying the functions.php file, you should place custom functions (PHP snippets) in Genesis --> Custom Code --> Custom Functions.
And...welcome to Genesis! Yes, there is a learning curve, as there is with anything new -- but the end results, and the power and flexibility of the framework, are so worth it. The Genesis Tutorials and Code Snippets are great places to start digging in.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberYou can filter the list of comments to show only comments or only pings (choose Comments or Pings in the second drop-down menu at the top of the Comments screen, then click Filter). I don't know of a way to show both types but separate them.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberTry adding this to your custom code:
#inner {
width: 700px;
}I think that should fix it (by overriding the default width of 900px for that div).
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberIn addition to registering the widget areas, you need to add the widgets to one of the Genesis hooks.
Take a look at Brian Gardner's tutorial for adding a widget, and modify that code for your sidebar widgets (most tutorials will tell you to add functions to functions.php, but Prose is different, and you're already correctly adding your code to the Genesis --> Custom Code --> Custom Functions area. You could also use the Genesis Simple Hooks plugin if you prefer).
You may want to look at the Genesis Hook Reference and this Genesis Visual Hook Guide to see which hook to use (I'm guessing in your case it would be genesis_after_sidebar_widget_area).
Then, you'll need to add some CSS to Genesis --> Custom Code --> Custom CSS to style your widget areas (making them each half as wide as the primary sidebar, and whatever other styles you need).
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberTake a look at this thread that includes some code snippets to widen the content area; tweak the numbers to narrow it to 800px instead. Insert your code in Genesis --> Custom Code --> Custom CSS to apply it to your site.
Also, refer to the Genesis Visual Markup Guide to see which boxes you need to narrow (that resource is linked in the thread I mentioned, but it's so useful I wanted to point it out specifically).
Premise pages are styled separately from the rest of your website, and you can get help with that over on the Premise Member site.
If you need more help, be sure to post a link to your site so we can take a look at it.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberYes, you'll need to reduce the width of the content div (and the sidebar(s) if you are using any).
Take a look at this thread that includes some code snippets to widen the content area; tweak the numbers to narrow it instead.
Also, refer to the Genesis Visual Markup Guide to see which boxes you need to narrow (that resource is linked in the thread I mentioned, but it's so useful I wanted to point it out specifically).
If you need more help, be sure to post a link to your site so we can take a look at it.
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 28, 2013 at 7:18 pm in reply to: Restore theme design settings (colors, sizes, margins, etc) from backup file #15841wendycholbiMemberPaula, to prevent this from happening in the future, go to Genesis --> Import/Export. Check the two checkboxes for "Theme Settings" and "Design Settings" in the section labeled Export Genesis Settings File (SEO Settings are optional, depending on whether you're using the Genesis SEO tools or something else like a plugin for your SEO). Then click the blue Download File button.
That .json file will contain all of your Genesis Theme Settings AND Genesis Design Settings (the latter are unique to Prose). You can import it into a Genesis/Prose installation (using the top part of the Genesis --> Import/Export screen labeled Import Genesis Settings File) and it will overwrite the theme and design settings.
Exporting that .json file is a useful step to take when backing up your site (and testing, precisely so you can restore design settings to a previous version), but it only contains the theme/design settings -- you'll still need a separate way to back up the database and files (which sounds like what Simple Backups is supposed to do).
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberThat plugin sounds great, and it really fills a need (the importing of images).
But if it imports the HTML in posts from Blogger, it's not going to fix your formatting problems, Kat. All that extra HTML was already there in the Blogger posts. The only true fix is cleaning up the HTML (or somehow extracting plain text and images from Blogger, which has the same net effect). I'm sorry, because I know that's a sucktastic amount of manual work 🙁
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberWell, the HTML formatting is there on the original blogger blog, so it imported correctly. It's not an artifact of importing. I don't know if the new plugin that Brad mentioned can somehow strip extra HTML, but if it could, that would make it worth it to re-import.
But if that's not possible and you're stuck with extra HTML, I guess I'd say that it's probably not worth it to spend the time to clean up everything so it's perfect -- just fix up the most recent (or most popular, or most important) few posts and then make sure formatting is working the way you want for new posts going forward. The spacing issues are probably more noticeable to you than they are to your visitors 🙂
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberAre you by any chance pasting large blocks of formatted text (with pictures etc.) from Word or some other source?
I took a quick look at a couple of your blog posts and I see a ton of extra HTML (like span and line-break and div tags) and very strange formatting (like using an HTML table to center an image, instead of the WordPress built-in image-alignment classes). All those extra tags and tables are overriding the default paragraph spacing, and when you try to manually adjust the spacing after the fact by adding paragraph breaks or line breaks in the WordPress edit post field, it is probably making the spacing even more unbalanced.
Manually cleaning up your in-page HTML might take longer than re-creating posts (pasting unformatted text and then using WordPress to format it and add images, or using the Paste from Word button). It depends on how much content you have.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberIn Genesis --> Design Settings, scroll down to the bottom.
"Input Boxes" controls the background color, text color, font, and border for the search field (and also other fields like the input field in your sidebar opt-in widget, and I see that is a different color so I'm guessing you added the "#fff !important" to Genesis --> Custom Code --> Custom CSS to make the search field white). "Submit Buttons" controls all the submit buttons.
So first I'd suggest picking colors for the input boxes and buttons that will work well in all of your contexts (against the white background of your sidebar, against the red background of your navbar, and finally against the gray background of your footer, where you have another search field), so that you can just use the Design Settings to control them sitewide.
That's simplest, but of course it is possible to customize your CSS so that some buttons/fields override the Design Settings. If you want only the button in the navbar to be a different color, but you want all your other buttons to grab their red color from the Design Settings, you could add something like this to Genesis --> Custom Code --> Custom CSS (with the hex color of your choice):
#nav .searchsubmit {
background-color: #1d1d1d;
}You could try adjusting the padding with a snippet like this (again, add to Genesis --> Custom Code --> Custom CSS):
.s {
padding: 4px 7px;
}(the default is 5px 7px, and when I changed that to 4px 7px using Firebug, the navbar search field looked vertically centered to me, see what you think.)
Also, your CSS is currently minified (last box on the Genesis --> Design Settings page), so if you need to tweak more CSS, I'd suggest un-minifying it while you are testing.
And if you don't have Firebug (browser add-on for Firefox and Chrome), I highly recommend it -- it's a great tool for letting you see exactly how CSS changes will look, what selectors to use, etc.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberI only see one navigation bar on your site, Tyler.
Are you calling it "secondary navigation" because it appears below the header image?
You can use the primary navigation bar (along with all the extras like the search bar) and simply reposition it below the header. Paste this snippet in Genesis --> Custom Code --> Custom Functions:
/** Reposition the primary navigation */
remove_action( 'genesis_before_header', 'genesis_do_nav' );
add_action( 'genesis_after_header', 'genesis_do_nav' );Or is there a specific reason you want to avoid the primary navigation bar other than its default above-the-header location?
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberI'm glad the code worked for you (despite my not leaving any whitespace before or after it...!). Thanks for the confirmation!
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberCan you give us the URL of your site?
Have you added a custom header image in Appearance --> Header?
Once you do have a custom header installed, see how it looks using the Genesis responsive simulator: http://www.studiopress.com/responsive/
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberHave you tried manually typing in http://yourdomain/wp-admin/ (where "yourdomain" gets replaced by your actual domain)?
What's the URL of your site?
You might be affected by the issue described in this thread: Problems uploading Prose child theme. There is a suggested fix in that thread, which involves manually replacing a file via FTP.
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 want to turn off the mobile-responsive code in Prose, try adding this snippet to Genesis --> Custom Code --> Custom Functions:
/*Remove mobile-responsive code*/
remove_action( 'genesis_meta', 'prose_add_viewport_meta_tag' );
Customizing the mobile view can be done by adding custom CSS, but that's a big can of worms. I know there are plenty of plugins that claim to make sites mobile friendly, but I haven't used them myself. WPTouch is one I hear about frequently.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberBecause Prose is a theme, not a plugin, please make sure you are trying to upload it in Appearance --> Themes --> Install Themes, not in the plugin installation screen.
If you're uploading it in the right place, and still getting error messages, you might be affected by the issue described in this thread: Problems uploading Prose child theme. There is a suggested fix in that thread, which (sorry!) does involve manually replacing a file.
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 Paula,
I and a few other folks have chimed in on your other thread in General Discussion. I hope that thread will help answer your questions!
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 19, 2013 at 3:29 pm in reply to: Customizing Prose theme; where and how to add changes to style #13155wendycholbiMemberHi Paula,
I can totally understand your frustration. Prose is the only Genesis child theme (so far) that has the Custom Code screen and the Design Settings, and many people who know the Genesis Framework very well don't know this, because they've worked with other child themes but not Prose -- so they recommend making changes to style.css or functions.php.
Basically anytime you see anyone or any tutorial recommending that you change something in style.css, just mentally translate that to "add this code to Genesis --> Custom Code --> Custom CSS".
And anytime you see anyone or any tutorial recommending that you add something to functions.php, mentally translate that into "add this code to "Genesis --> Custom Code --> Custom Functions".
When you add something to one of the Custom Code fields, add it below the last line. You can optionally leave one blank line to make it easier for you, a human, to see the divisions between your snippets.
And you hit the nail right on the head when you said "Can I just copy out of my style sheet and paste it in here and then modify it as I’d like?" YES. Your changes/additions to Custom Code will be preserved when you update your theme, but any changes you make to style.css will be wiped out, which is why it says "do not edit under any circumstances".
Now, for your specific code snippet and questions above:
That code snippet is a PHP function, not CSS, so it's not doing anything for you in the Custom CSS section. You can (usually) tell CSS from PHP by looking for curly braces and the absence of parentheses; CSS statements have a selector (word or series of words) followed by a style declaration enclosed in curly braces, like this:
#h1 {
font-family: Baskerville, Times, 'Times New Roman', serif;
}PHP snippets can have curly braces (I see one in your code snippet, and I suspect that snippet is actually missing a closing curly brace, but I'm much less fluent in PHP than I am in CSS), but parentheses, words like "function" and "filter", and phrases with underscores like custom_comment_form are some giveaways that the snippet is PHP rather than CSS.
That code snippet looks like it's supposed to allow you to customize the reply label on your comment form. There's actually a plugin that lets you do this without any code at all, called Genesis Simple Comments.
As for Typekit, font stacks are going to go in the Custom CSS field, and I'm not sure if Typekit provides the entire code snippet or not. My little CSS example above shows a sample font stack, with multiple-word font names enclosed in quotes, each font separated by a comma, and ending with a generic (either serif or sans-serif) as a fallback.
Hope this helps with some of your questions.
I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi
wendycholbiMemberThe Genesis Post Teasers plugin should let you do this without having to code a custom home page:
http://genesistutorials.com/plug-ins/genesis-post-teasers/
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