[wendycholbi]

Okay, try this to replace the lines of code you quoted:

#subnav {
max-width: 100%;
}
#subnav ul {
max-width: 970px;
margin: 0 auto;
float: none;
}

Don't worry about .wrap for now. Let me know if it works?

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Hi everybody,

@Jamese: I believe your navigation will become responsive if you add

max-width: 100%;

to your

#subnav .wrap

and

#subnav ul

.

@apouch: Very similar suggestion for you: You're using #nav instead of #subnav, so add that max-width declaration to

#nav .wrap

and

#nav ul

. You may also need to add it to

.content-sidebar #content-sidebar-wrap, .sidebar-content #content-sidebar-wrap

and

#content

and

#footer

-- basically everywhere you have a fixed width like 970px.

@Ajitelev, your site doesn't look like it got wider (or maybe you've reverted it since you posted). You can try adding a max-width declaration to your footer and footer-widgets, but it looks to me like your content-side-bar wrap is wider than the wrap, so your sidebar is getting cut off.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

I think the problems that IdleBuzz and mcgratk are having may be caused by pasting in code that has curly quotes.

I created a gist of CyBorge's code, with the curly quotes replaced with straight quotes, here:

https://gist.github.com/wendycholbi/6276778

...and a separate one for anyone using the Prose theme (because the Custom Functions field in Prose was modifying the output and printing a single character at the top of the site) here:

https://gist.github.com/wendycholbi/6276816

I can verify that my Prose variation is working (my example site, using this function, is http://style3.sitesetupkit.com/ ), and CyBorge's code worked for me too, once I fixed the curly/straight issue.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

I don't have Ubermenus so I can't test this, but this seems like something to address with Ubermenu support since it's a premium plugin.

Make sure they know you're using Prose, which does have some important differences from other Genesis child themes (such as the fact that PHP snippets like these should be pasted into the Genesis --> Custom Code --> Custom Functions field instead of the theme's functions.php 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

[wendycholbi]

Gary, I assume that you mean the search bar that appears right here on the StudioPress forum navigation bar. That's why you said "look above," right?

Essaysnark's instructions are exactly right -- Genesis has a built-in feature that adds a search form to the navigation bar.

If you follow those instructions and you don't get the result you want, please post back here and include a link to your site so we can see what's going on.

If you want to customize the search button text, or the text that appears in the search box, try the code snippets here (paste one or more of these snippets into Genesis --> Custom Code --> Custom Functions):

http://my.studiopress.com/snippets/search-form/

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

I don't think you need any custom CSS.

Start by setting the Border and Inner Border to 0px in Genesis --> Design Settings --> Primary Navigation, and setting the Border to 0px Genesis --> Design Settings --> Footer Widget Area. That should remove the border on the nav and footer.

I don't see a border on the header right now. Are you still seeing it on the left/right edges?

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

You could start with these snippets, modifying them as necessary to display different info on single pages vs. archive pages:

http://my.studiopress.com/snippets/post-info/

Since you're using Prose, you should paste any PHP snippets into Genesis --> Custom Code --> Custom Functions, NOT into the functions.php file as that tutorial suggests. This will let you make your changes without directly modifying the theme files.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Nathan,

Something happened in the course of copying-and-pasting the CSS from the Genesis tutorial. Your Genesis --> Custom Code --> Custom CSS has a whole bunch of extra text and javascript that is rendering the CSS unreadable.

It looks like it's just the declarations for the colors are being messed up (the margins/padding CSS looks fine). For example, for the blue content box, you have this:

.content-box-blue {
 background-color: <a class="_hootified" a="" href="#" #d8ecf7"="" onclick="javascript:var e = document.createEvent("CustomEvent"); e.initCustomEvent("hootletEvent", true, true, {type: "hash", value: "#d8ecf7"}); document.body.dispatchEvent(e); return false;">#d8ecf7</a>;
 border: 1px solid <a class="_hootified" a="" href="#" #afcde3"="" onclick="javascript:var e = document.createEvent("CustomEvent"); e.initCustomEvent("hootletEvent", true, true, {type: "hash", value: "#afcde3"}); document.body.dispatchEvent(e); return false;">#afcde3</a>;
}

...when you should have this:

.content-box-blue {
 background-color: #d8ecf7;
 border: 1px solid #afcde3;
}

So first, I'd re-paste the CSS for the six colors, and save changes.

If that doesn't fix the issue, can you un-minify your CSS (uncheck the "Minify CSS?" box at the very bottom of the Genesis --> Design Settings page) so I can look closer at what's happening with your CSS, and post back here?

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Hi Beth,

In your case, I don't think you need to redo your header to a 2000px width, because it's transparent over a white background, so even if the screen is wider than 1349 pixels, you won't see the edge of the header image the way you would have with Jamese's apple image.

I'd suggest trying the code in my post above, with one modification: Instead of setting the width of #subnav ul to 970px, give it a max-width of 100%, as many of the other selectors already have. That should let the navigation menu stretch the full width of the page while allowing it to wrap on smaller screens (on my laptop screen, for instance, which is 1280px wide, the last two navigation menu items will wrap rather than stretching off the screen and forcing me to scroll to see them).

Doing this will show the entire header to users with screens at least 1349px wide, but users with smaller screens will see the header clipped on both sides. If you want to show smaller versions of your header to users with smaller screens, you might check out Nick the Geek's Genesis Responsive Header plugin, which lets you upload multiple smaller header images (and tells you exactly how wide each of those smaller versions needs to be for optimal viewing on the most common device sizes).

If you also want the content area and/or sidebar to be wider, you'll also need to add some code to adjust those areas. This thread has several code snippets for a person who wanted to widen his site to 1100px; you can borrow the snippets for things like #content-sidebar-wrap and #content. If you do this you'll also need to adjust the width of #inner in my code above so it's wide enough to hold both the content area and the sidebar.

I hope this helps -- let me know how it works out!

 

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

This thread has several CSS snippets for widening the Prose theme (that question was about a width of 1100px; tweak the numbers to add up to 1140px if that's your desired width). You'll need to widen the content (and optionally sidebar) areas to fill your new wider site, in addition to widening things like the header and footer.

Paste your CSS snippets into Genesis --> Custom Code --> Custom CSS and save changes.

The Genesis Visual Markup Guide (also referenced in the above-linked thread) doesn't give pixel dimensions for Prose, but it does show which boxes fit inside which other boxes (so you can see which boxes need to be widened), and you can use the selectors shown on that guide to search your style.css for default dimensions.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Yep, the default width of the main content area is 590 pixels when you're using one sidebar.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

I don't know of a way to change the locale.php file from within Genesis --> Custom Code --> Custom Functions, but someone more proficient in PHP may be able to do that.

There is a plugin called La Fecha which says it translates just the date.

Or, you can directly modify the locale.php file that's inside wp-includes by changing the month names (and month abbreviations, day names, and day initials if necessary). Keep a backup copy of the original unedited file, and keep a copy of your modifications so you can easily update them when a new version of WordPress is released.

Whether you use the plugin or modify the php file, you'll need to set a custom date format in Settings --> General --> Date Format, something like:

j \d\e F \d\e Y

which will output a date like this:

6 de mayo de 2013

or

l j \d\e F \d\e Y

which will output a date like this:

Lunes 6 de mayo de 2013

or

l \e\l j \d\e F \d\e Y

which will output a date like this:

Lunes el 6 de mayo de 2013

I 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

[wendycholbi]

I'm so glad to hear this worked for you!

Really nice use of the header widget to integrate your social media buttons, by the way (and great job customizing Prose in general). It looks like you may have pasted your RSS feed URL into the Twitter URL field, though, because both the RSS icon and the Twitter icon take me to the feed address.

🙂

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

This code snippet may accomplish your #1:

http://surefirewebservices.com/wordpress/wp-snippet-duplicate-featured-image-on-post-and-homepage

Because you're using Prose, you'll need to paste the code into Genesis --> Custom Code --> Custom PHP (NOT the functions.php file as the tutorial suggests).

It appeared to work on my test site. Let us know if it works -- I'd love to have a solution for this, because other forum users have posted the same question in the past.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Glad to help. Sounds like you got your site back up, then? (Hooray!)

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Rest assured, you didn't do anything wrong -- even opening all the design settings doesn't work 100% of the time.

First, double-check your column setup by clicking Screen Options on the top right of the Genesis --> Design Settings page, and make sure the radio button for 1 column is selected.

Assuming it is selected and you still can't see the first half of the design settings, here's the end-run around this that I've (occasionally) had to resort to:

1. Create a new admin-level user for yourself in Users --> Add New (you'll have to associate a different email address with this account)

2. Log out of your WordPress dashboard.

3. Log in as the brand-new admin user and navigate to Genesis --> Design Settings to see if they're all there (for some reason, admin users created after the upgrade can usually see the missing settings). If necessary, double-check Screen Options here to make sure 1 column is selected.

If your new user can see all the design settings, the simplest thing is to delete your old admin user (make sure you assign all posts and links to your new admin user when you do this) and just use the new admin user from now on. Once you delete the old admin user, you can change the email address of your new admin user to the email address you used for the old, now-deleted, admin user.

Alternatively, you can try downgrading Prose and re-upgrading -- this has sometimes worked for me to restore the design settings, though again, not 100% of the time.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Prose stores its custom code in wp-content/uploads/prose/ .

Look for the custom.php file in that directory (you may also see custom.css, settings.css, and minified.css). In its pristine unedited state, the only contents of that file should be:

<?php
/** Do not remove this line. Edit functions below. */

 

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Your response is going into my permanent archive of awesome. Thank you. A lot.

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

Your gratitude (and confirmation that my tweaks were effective in helping you with your website) on this public forum is the best possible thanks. Although ripe tomatoes do sound quite appealing 🙂

(I have a small garden every year, and it is time to plant my own tomatoes...just need to drag myself away from the screen to do it!)

Also, I don't know if your private reply was intended for me, but those can only be seen by forum moderators and admins, and I'm not one of those. In case you did want to say something to me privately, my contact page is here: http://www.wendycholbi.com/contact/

---

I love WordPress, Genesis, and the Prose child theme (my complete guide to using Prose is here: SiteSetupKit.com). Say hi on Twitter: @wendycholbi

[wendycholbi]

I added a line to the footer-widgets declaration that should hopefully get rid of the white border (I don't know why the Design Setting wouldn't work). Here's the whole enchilada, with all the bits integrated. You can replace the entire contents of your Genesis --> Custom Code --> Custom CSS with this:

/** Do not remove this line. Edit CSS below. */

/*for full-width header: set body width to 100%, center the #wrap, position header background in center of page, set width and centering on #subnav, #inner, #footer-widgets and #footer*/

body {
 width: 100%;
}
#wrap {
 margin: 0 auto;
}
#header {
 background-position: top center !important;
 max-width: 100%;
}
#header .wrap {
 width: 970px;
 margin: 0 auto;
 max-width: 100%;
}
#subnav {
 width: 100%;
}
#subnav ul {
 width: 970px;
 margin: 0 auto;
 float: none;
}
#inner {
 clear: both;
 margin: 15px auto 0;
 width: 920px;
 max-width: 100%;
}
#footer-widgets .wrap {
 width: 970px;
 margin: 0 auto;
 border: none;
 max-width: 100%;
}
#footer {
 width: 970px;
 margin: 0 auto;
 max-width: 100%
}

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

[Author]

Posts