[Derek]

Hey Rob, did you get working? I ran across a similar issue the other day, what seemed to be a conflict with superfish.js and something else (probably a plugin). I haven't had a chance to look into it yet, but it appears to be working on your site?

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

It's hard to tell without being able to actually see the problem, but how have you done the full-width header? Is it custom CSS or are you using the Custom Header functionality found within some themes in the Dashboard under Appearance > Header?

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

I'm inclined to think it's something either related to your .htaccess file, or possibly a setting with your host (could be a conflict with a redirect from http://www.losaltoscf.org to http://losaltoscf.org or vice-versa).

Also, in the Dashboard under Settings > General, what do you have listed for the WordPress Address and Site Address fields?

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

In the WP Dashboard under Settings > General, what do you have entered for the WordPress Address (URL) and the Site Address (URL) fields?

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

This might be what you are looking for. Add this to your style.css:

#nav li.current-page-ancestor a,
#nav li li.current-page-ancestor a {
    background: none repeat scroll 0 0 #FFF;
    color: #000;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Try removing the background-color property from the following rules in your CSS:

.genesis-nav-menu li a:hover, .genesis-nav-menu li li a:hover {
    background-color: #222222;
}

You can also add an additional property in that same rule to handle the hover color:

.genesis-nav-menu li a:hover, .genesis-nav-menu li li a:hover {
    background-color: none;
    color: green;
}

To change the active state of the current page item, you can do:

.genesis-nav-menu li.current-menu-item a {
    color: green;
}

Hope that helps!

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Anouktapper,

The code above wouldn't work if you copied it verbatim because there is an if/else statement in there to only apply the actions to the front page. If you want it to work sitewide you might try:

/** Move image above post title on Front Page */
add_action( 'genesis_before_loop', 'move_featured_image' );
function move_featured_image() {
remove_action( 'genesis_post_content', 'genesis_do_post_image' );
add_action( 'genesis_before_post_title', 'genesis_do_post_image' );
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Try using the background-size: contain: property on the background image when the browser window is less than 600px: http://www.w3schools.com/cssref/css3_pr_background-size.asp

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Sometimes it just takes a while for the gravatars to populate.

Once I had a problem with gravatars displaying incorrectly after importing comments from an old WP database into a new one. The problem was within the wp_comments table in the database. The user_id column for each comment had been populated with the user_id of the admin account. To reset and force WordPress to fetch the gravatar as normal, I simply had to set the user_id for each comment to 0.

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Are you using the Custom Background functionality within the WordPress Dashboard?

The background image is being set by the following code, being inserted after the footer DIV of your site:

<div class="backstretch" style="left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 880px; width: 2060px; z-index: -999999; position: fixed;">
< img src="http://graphicsolutiongroup.com/wp-content/uploads/squairy_light.png" / >
</div>

Needless to say, it's not handling the background image properly. You're better off setting the background image via CSS, by adding the following property to the body class:

body {
background: url("http://graphicsolutiongroup.com/wp-content/uploads/squairy_light.png") repeat scroll center top transparent;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

You can force the text widgets to be a min- and max-height via the CSS:

.widget_text {
    background-color: #CCCCCC;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
}

Of course, you'll find then that you are stuck with those heights even the content wants more space, therefore cutting off content.

You will also want to specify which .widget_text DIVs you want to set the height by targeting it via the parent-level DIV. For example, if you only want to alter the text widgets at the bottom of the homepage, you'll need to do:

#home-sections .widget_text {
    background-color: #CCCCCC;
    max-height: 300px;
    min-height: 300px;
    overflow: hidden;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

It's a conflict between the .widget-area and .logo DIVs. Your .widget-area DIV is coming before your .logo DIV and is essentially "sitting on top" of it, making it impossible to click it.

Try adding the following properties to your .logo class:

.logo {
position: relative;
z-index: 9999;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Will the featured image always be the same size? If so, you could try adding those dimensions to the function that gets the image:

get_the_post_thumbnail($post_id, array(590,215) );

More information on the get_the_post_thumbnail(); function can be found here: http://codex.wordpress.org/Function_Reference/the_post_thumbnail

You might also be able to force it in the CSS:

.featured-image-single {
	display: block;
        height: 215px;
        width: 520px;
}

Sometimes I've had issues with image sizes if WordPress hasn't (for whatever reason) resized the image to the right size when I originally uploaded it. Regenerating the Thumbnails usually fixes that (it's easy to try).

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

I think it's because the CSS sets the menu items to be blue for the "current-page", and right now your Property Search, Communities and Buyers & Sellers pages all actually link to the homepage (therefore the CSS thinks those are the "current-page" when you're on the homepage).

You can either set those menu items to link to something else (if you want them to link to nothing, try javascript:void(0); as the URL), or modify the CSS for the following class:

#header .menu li a:active, 
#header .menu .current_page_item a, 
#header .menu .current-cat a, 
#header .menu .current-menu-item a, 
#header .menu .current_page_item a:hover, 
#header .menu .current-cat a:hover, 
#header .menu .current-menu-item a:hover {
    background: url("images/menu-active.png") repeat-x scroll 0 0 transparent;
    border-bottom: 3px solid #386A8D;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #FFFFFF !important;
    text-shadow: -1px -1px #2D5876;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Try adding this to your functions.php file:

/** Add Featured Image Above Post Content on Posts */
function image_before_post_content() {
if( is_single() )
	echo '<div class="featured-image-single">' . get_the_post_thumbnail($thumbnail->ID) . '</div><!-- end .featured-image-single -->';
}
add_action('genesis_before_post_content', 'image_before_post_content');

You might need to add some additional code to your style.css file depending on how you want the image to be displayed. The function above wraps the image in the .featured-image-single class.

.featured-image-single {
	margin: 0 0 2.4rem;
	/* etc. */
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Add the following to your style.css:

#header {
background-color: #FFF;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Try adding the following rules to your style.css:

.home #page-title {
    text-align: center;
}

.home a.page-title-button {
    float: none;
    margin: 7px auto 0;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

If I'm understanding correctly, the black bar is the result of the background image on the #inner div not repeating. Try changing that property in your style.css file:

#inner {
    background: url("images/inner.png") repeat #000000;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

Add/Update the following in your style.css file:

.menu-primary, 
.menu-secondary, 
#header .menu {
    text-align: center;
}

.menu-primary li, .menu-secondary li, #header .menu li {
    display: inline-block;
    float: none;
    *+display: block; /*IE7 fallback */
    *+float: left; /*IE7 fallback */
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Derek]

It looks like that Blog Category widget is the only thing that is actually cut off. I checked out the CSS for the site, and your sidebar is 260px wide, and that drop-down box is set to 278px wide. You can adjust that with the following change to your style.css file:

#sidebar #cat, 
#sidebar .widget_archive select {
    width: 258px;
}

---

Derek Rippe – CSS Artist & Genesis Fanboy @ SynaVista and MediaCairn Design Studio
Figure out your CSS problems with Firebug | Check out my Custom Comment Form Title plugin

[Author]

Posts