[Scott]

I believe the chrome dev team has finally fixed the webfonts FOUC issue it as of the most recent chrome browser update. I have not seen it present for a couple of weeks now.

I'm running Chrome version 33.0.1750.117

[Scott]

If you don't see the option it means that your theme's functions.php has the custom header enabled. You will need to disable that in order to get the Genesis default header options back.

You are looking for this line in your functions.php

add_theme_support( 'custom-header', $args);

You need to remove that or comment it out

//*add_theme_support( 'custom-header', $args);

[Scott]

Add this to the bottom of your style.css

#subnav{background:#090909}

[Scott]

First, you need to make sure you have "Image Logo", selected in the theme options at:

Genesis > Theme Settings > Header

Next, you need to rename your logo image "logo.png", then upload it via FTP to the "images" directory of the child theme (where you deleted the old logo.png)

[Scott]

Yes, assuming you have a logo.png active, you can upload your alternate header file, say logo-alt.png to your images directory, then use a media query custom css to replace the image with your alternate image when the iphone viewport size is triggered.

Example:

<style>
@media only screen and (max-width: 767px) {
.header-image .site-header .wrap {
	background: url(http://yoursite.com/wp-content/themes/genesis/images/logo-alt.png) no-repeat center;
}
}
</style>

Once you have uploaded logo-alt.png to your achive child theme's images directory, you can replace the URL and place the above code into your "Genesis > Header and Footer Scripts > wp_head" box....

[Scott]

Almost anything out of order in the functions file can cause trouble. Its best to test your changes offline prior to committing them to production. For that I use MAMP on Mac OS. (There are similar tools for PCs). Having a local server allows you to instantly build WordPress sites locally for testing.

I use the free plugin WP Clone to clone live sites down to localhost for testing.

You could also validate your PHP code prior to committing the changes in your functions.php using this online tool: http://www.icosaedro.it/phplint/phplint-on-line.html

[Scott]

After a bit more research, here's the skinny on what's happening.

When you enable "Custom Header" support, GF assumes that the image you are uploading is going to be a background image for the header area. The reason I say this is because it attaches this image to the parent container (the "header" element) of the default logo image (logo.png). The logo.png element is attached to the background of the header .wrap element, so that allows it to float on top of the header graphic.

So, its possible to have a background image in the header as well as a logo which may overlay it.

What appears to be missing from the framework, is an easy way to replace the default logo.png image without leaving the WordPress admin. Until/if that's added, FTP is your best bet in that regard.

[Scott]

Hi Michael, what you are seeing is actually the default Genesis logo image.

However, it would seem that if you uploaded a custom header image, Genesis should replace its logo with yours. That's how I would expect it to behave, but I'm new to GF and just learning the ins and outs myself.

Until you get a response from GF support here, you can use this custom css to hide the Genesis default logo:

<style>.header-image .site-header .wrap {background:none;}</style>

Or, a better option than that, would simply be to rename your header image to "logo.png" and upload it to overwrite the default Genesis logo located here:

themes/genesis-sample/images/logo.png

[Scott]

Update, here's the fix:

if (is_category() ) {
	$cat_id = get_query_var( 'cat' );
	echo '<h4>' . get_category($cat_id)->name . '</h4>';
	echo category_description( $cat_id );
}}

[Scott]

Check out the "genesis taxonomy images" plugin. Once you have it installed, it adds a "Thumbnail" image uploader to your category edit screen as well as a thumbnail preview column to your category manager listing.

You'll also need to add a filter to your child theme's functions.php like so:

/**
 * Add Genesis Taxonomy Image to Archive Description box
 *
 * Genesis hooks wpautop to the same 'genesis_term_intro_text_output' filter, therefore:
 * - to display IMG and text in same <p> tag, ensure that this function is hooked with priority < 10
 * - to display IMG outside of <p> tag added to text, ensure that this function is hooked with priority 10 or higher
 *
 */
add_filter( 'genesis_term_intro_text_output', 'your_category_thumbnail', 9 );

function your_category_thumbnail( $text ) {

	$image = gtaxi_get_taxonomy_image();
	return $image . $text ;

}

[Scott]

New Genesis user here. First day on the job 🙂

I've been seeing this happen all day today. Have to refresh the page or open Chrome dev tools to get the text to resize down to proper sizing.

I've never seen this before in any other theme. However, I have had issues with @font-face fonts going to defaults then back to normal (chrome browser only). So, i do agree that's a chrome bug.

So, its my understanding that the fix for this is:

1. Remove the font-size:1.6rem; from the body declaration.

OR

2. Try something like this: body > div { font-size: 1.6rem; }

Anyone have anything to add?

[Author]

Posts