[Tonya]

Hi,

Here is how I do it within my designs: Gist on GitHub. What this does is:

• Adds a <span class="icon-cat-[category slug]"></span> within the post title's HTML string.
• Places the span in the proper place depending upon if a hyperlink is present or not.

You want to put this in your functions.php file.

Then in your style.css file, you'll add the icon images (via background) there (try to use sprites if you can to help speed things up).

I did something similar to this on this site.

Cheers 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

You're very welcome!

If you'd do me a favor, please set this thread to Resolved.

Enjoy your day 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

To make your text all capital letters, then you want to add:

text-transform: uppercase;

Changing the font-weight lights and darkens the text.

What I meant by changing the color is, doing the following:

color: #4e4e4e !important;

Place this line just after 252 in the style.css file. Notice that it "lightens" the titles because we used a lighter color than the #222 color.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hello,

Are you talking about the words "Kohlenhydratarme Ernährung" which are overlaid on the header image? If yes, this is your site's title. To "remove it", you need to add the following to your style.css file after line 247:

#title-area {
text-indent: -9999px;
}

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Take a look at this thread http://www.studiopress.community/topic/genesis-2-1-0-duplicates-after-entry-widget-content/.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Sorry about, Susan. I forgot to have you add the following lines to the .site-header .wrap styling within your style.css file.

.site-header .wrap {
width: 1000px;
margin: 0 auto;
overflow: hidden;
}

Give that a go.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Wonderful. Glad it helped, Jon. If would be so kind, please mark this issue as Resolved.

Enjoy your day 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hi Tanya,

You're Post Titles are currently set to font-weight of normal. The next step is to lower that font-weight value to see if you can achieve the look you want:

.entry-title, .entry-title a {
font-weight: 100;
}

font-weight can be 100, 200, 300, 400, and so on.

If 100 is still not the look you want, then the next step is to change the color, by setting color: #[the color's hex value here]; Place this line in the same brackets above under font-weight.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

You're welcome. Please mark this thread as Resolved.

Enjoy your day 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hi,

Notice that the function for your new widgets is called: news_home_loop_helper(); However, in the function modernbloggerpro_home_genesis_meta(), it is referencing the wrong function name: add_action( 'genesis_loop', 'modernbloggerpro_home_loop_helper' );

add_action( 'genesis_meta', 'modern_home_genesis_meta' );
/**
 * Add widget support for homepage. If no widgets active, display the default loop.
 *
 */
function modernbloggerpro_home_genesis_meta() {
 
    if ( is_active_sidebar( 'home-top' ) || is_active_sidebar( 'home-middle-left' ) || is_active_sidebar( 'home-middle-right' ) || is_active_sidebar( 'home-bottom' ) ) {
     
        remove_action( 'genesis_loop', 'genesis_do_loop' );
        add_action( 'genesis_loop', 'news_home_loop_helper' ); // Changed from modernbloggerpro_home_loop_helper

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hey Renee,

A margin of 60px is being applied to the bottom of the Primary Nav Menu. So on the frontpage to make it go away, here's what you want to do in your style.css:

After line 1039, add the following:

.parallax-home .nav-primary {
margin-bottom: 0;
}

Cheers!

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hi,

The plugin applied the display: none; to the <h1> instead of higher up at <div class="page-title">.

To remove the Page Titles completely, place the following code into the functions.php file: click here to view the code on GitHub. The titles are retained for posts (i.e. is_single()); otherwise, it returns an empty string.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Awesome! You are very welcome. We're all here to help!

Do me a favor and mark this one Resolved. Cheers 🙂

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Change the title area, which you noted above, from 320px to 400px. This will give you everything on one line. If you want more space, then the next step is to reduce the font size.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Hi,

It's happening on mobile devices as I don't see it on my iPad. Looking at your style.css file, for non-mobile devices you are using the following image: http://www.citymonk.com/wp-content/uploads/2014/06/City-Home-2.png.

But for mobile devices, you are using image images/[email protected]. Is this image located in your images folder?

You have a couple of choices here:

1. Load up the [email protected] image.
2. Comment out the following lines in your style.css file: lines 1433 to 1443 by doing this:

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.header-image .site-header .wrap {
		background: url(images/[email protected]) no-repeat left;
		background-size: 320px 164px;
	}

}*/

When you do this, we also need to version too so that everyone gets a fresh download of the new changes to their browser:
1. On line 6 of your style.css, change 2.0.1 to 2.0.2
2. It may also be in your functions.php file (depending upon how the site is coded). If yes, you'll find define( 'CHILD_THEME_VERSION', '2.0.1' ); Change this to 2.0.2. (Please note, I'm assuming this version is being captured from the stylesheet using a different technique than forcing the text version into it.)

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Do me a favor and mark this thread as "Resolved". Cheers.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Awesome!! You are very welcome. You can delete that Header plugin too. You don't need it now.

Cheers,
Tonya

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

I apologize, I completely forgot this theme is different. You need to make a change again in the functions.php where you added the above code:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 400,
	'height'          => 120,
	'header-selector' => '#title-area a',
	'header-text'     => false,
) );

Notice that I changed the 'header-selector' to the proper ID. Give that a Go.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Oh Ms. Renee,

We've got it now. Ready...?

Open up the front-page.php file and scroll down to line 45, which should be:
remove_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );

We want to comment this line out by doing the following:
//remove_action( 'genesis_before_content_sidebar_wrap', 'genesis_do_nav' );

On the front page, it is removing the primary nav menu. Sorry I completely forgot about this line.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Tonya]

Not a problem at all.

So let's add the custom header functionality to your child theme. Go into your functions.php and scroll to the bottom. Place this code:

//* Add support for custom header
add_theme_support( 'custom-header', array(
	'width'           => 400,
	'height'          => 120,
	'header-selector' => '.site-title a',
	'header-text'     => false,
) );

We've set the width and height and will be assigning the image you save in Appearance > Header to the .site-title a element.

Once you add this code, save the file. Then go to Appearance > Header. Is your logo still there? If no, go ahead and add it.

---

Software & Electrical Engineer and Programming Teacher · I’m on a mission to help developers be more awesome.
Find Me: KnowTheCode.io | @hellofromTonya | Profitable WordPress Developer Bootcamp

[Author]

Posts