Ambiance Pro Issues

[Liz]

My client loves the home page of this theme but I am struggling with some of the uniqueness of Ambiance

1. How do I turn off the Shrink menu altogether - hate it!
2. How to get the site description to show up below site title
2. How do I allow a light background image/texture on homepage, but on posts/pages we need to have a solid color that lets the text be readable?
3. Is there any way to add a couple of widget areas to the footer? I'm not a PHP expert but know how to copy and paste code if you can give some specifics.

Wondering why there are no Ambiance sites showing on the Studiopress showcase? The theme is too new? No one likes its lack of widgets and weird menu? Those are my guesses.

[Genesis Developer]

1. How do I turn off the Shrink menu altogether – hate it!

RE: Need to modify the CSS and JS little bit.

2. How to get the site description to show up below site title

RE: It is already there. But it is hidden by CSS. Use the Firebug and find the correct CSS and then modify it.

3. How do I allow a light background image/texture on homepage, but on posts/pages we need to have a solid color that lets the text be readable?

RE: you can do it by CSS

body.home{background : URL(ENTER IMAGE PATH);}

4. Is there any way to add a couple of widget areas to the footer? I’m not a PHP expert but know how to copy and paste code if you can give some specifics.

RE: Add the following code in your functions.php file. You'll get 3 columns footer widget area

//* Add support for 3-column footer widgets
add_theme_support( 'genesis-footer-widgets', 3 );

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Liz]

Wonderful! I got item #4 to work.

#3 did not work for me so we just decided to lighten the background color of the pages.

#2 This particular theme does not have a site description defined in functions.php though this is in CSS. What needs to be changed to make it show up?
.site-description {
display: block;
height: 0;
margin-bottom: 0;
text-indent: -9999px;
}

#1 I don't know a thing about JS and am not in a position to hire anyone for this site (for my niece) so will have to let this item go unless you can give details.

[[email protected]]

Their are several posts that semi-solve your issue #1 but unfortunately, it also disables the "3 bar icon" when viewed on mobile devices. Is there any workaround for this? It's clear that a lot of people hate this weird mobile icon on the desktop but certainly do want it (where it belongs) on mobile.

[Author]

Posts