Header Image and Tagline Text in Executive Pro Theme

Community Forums Forums General Discussion Header Image and Tagline Text in Executive Pro Theme

This topic is: resolved

This topic contains 5 replies, has 2 voices, and was last updated by  Aryadne 11 months, 3 weeks ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #81495

    Aryadne
    Participant
    Post count: 12

    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/
    #81509

    nutsandbolts
    Keymaster
    Post count: 3202

    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, Nuts and Bolts Media
    I provide dev and training services for web designers • Find me on Twitter and Google+

    #81619

    Aryadne
    Participant
    Post count: 12

    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.

    #81620

    nutsandbolts
    Keymaster
    Post count: 3202

    Remove this from your functions.php:

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

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

    #81623

    Aryadne
    Participant
    Post count: 12

    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!

    • This reply was modified 11 months, 3 weeks ago by  Aryadne.
    • This reply was modified 11 months, 3 weeks ago by  Aryadne.
    #81629

    Aryadne
    Participant
    Post count: 12

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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.