Header Image and Tagline Text in Executive Pro Theme

[Aryadne]

Is there a way to include both the header image and the tagline text in the Executive Pro theme?

I think this is available with other themes but I can't find it in the Executive theme.

http://webnetcontractors.com/

[nutsandbolts]

You could reposition .site-description with CSS to have it show under the image, but generally it's probably better (and easier) to add the tagline to the image itself.

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Aryadne]

I was trying to use CSS. But even when I reposition it, it's not displaying. When I use Firebug to look at the code, I see the HTML for the tagline ( <p class="site-description" itemprop="description">We Build Websites with Solid Foundations</p>) and the box for it highlights on the screen but the text is not visible. I can't find any CSS that's preventing it from displaying.

I want to use text rather than the image for SEO reasons.

[nutsandbolts]

Remove this from your functions.php:

//* Remove the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

---

Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+

[Aryadne]

I figured it out!!!

I did what you mentioned and it brought the code back but it still didn't display.

I finally found the CSS that was preventing it from displaying (sometimes it just takes a good night sleep to figure things out):

Under "/* Full width header, no widgets */"

CHANGE THIS

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

TO THIS

.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

.header-image .site-description {
	text-indent:: -9999px;}

.site-description {
	display:inline;}

Under "/* Logo, hide text */"

CHANGE THIS

.header-image .site-description,
.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

TO THIS

.header-image .site-title a {
	display: block;
	text-indent: -9999px;
}

.header-image .site-description {
	text-indent:: -9999px;}

.site-description {
	display:inline;}

How I didn't see this before, I don't know.

Thanks for your help!

[Aryadne]

Actually, it's best to use inline-block instead of inline so that the element forces the main content down.

[Author]

Posts