• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Executive Pro: how to make the header logo area "clickale"?

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Executive Pro: how to make the header logo area "clickale"?

This topic is: not resolved

Tagged: executive pro, header image, theme

  • This topic has 8 replies, 3 voices, and was last updated 9 years, 6 months ago by losterhout.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • October 22, 2013 at 8:05 am #68189
    adriano
    Member

    Hi,

    I'm customizing the Executive Pro theme (http://my.studiopress.com/themes/executive/) -- and I set the header area to be an image (sized 1140x100).

    The logo is on the left of the image, within the first 200 pixels.

    Is there a way to place an hyperlink within that 200x100 pixels area so that clicking on it would send to the website's home page?

    Thanks,

    - Adriano

    October 22, 2013 at 10:01 pm #68339
    nutsandbolts
    Member

    Hi Adriano,

    Look in the theme's stylesheet for the #title a CSS rules - that's what you would need to alter. If you want to post a link to your site I'd be glad to try to help in more detail.


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

    October 23, 2013 at 8:59 am #68430
    adriano
    Member

    Hi Andrea,

    You can have a look at the website here http://www.vervaishr.com -- it seems like the link is actually there, but since I'm using a an image rather than text for the logo, the clickable area only extends within a few pixels before the actual header image starts. In the resulting HTML is at:

    <div id="title-area">
    <p id="title">
    <a title="&quot;&quot;Vervais&quot;" href="&quot;//www.vervaishr.com/&quot;&quot;">Vervais &amp; Associates</a>
    &lt;/p&gt;
    &lt;/div&gt;
    

    If you have some suggestion as of how to extend that area underneath / above the header image to cover where the logo is that would be great. Otherwise I've seen that in the executive-pro v3 things changed in regards to the logo image, and that might solve my problem (although I'd have to transfer over my modifications to the updated version).

    October 23, 2013 at 9:44 am #68444
    nutsandbolts
    Member

    It may be worth it to switch to Pro - I see a number of differences in the stylesheet for your site versus the Executive Pro stylesheet, and they would make a big difference as far as the logo being clickable.


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

    October 23, 2013 at 12:34 pm #68472
    adriano
    Member

    Actually I do already have the Pro version -- it's just that the one I have on the site mentioned above is version 2.0, and I've seen that there's a new (3.0) available which I might upgrade to in order to see if addresses what I'm trying to do out of the box.

    November 7, 2013 at 4:06 pm #71550
    losterhout
    Member

    Was there ever any resolution to this issue? I'm having the same problem and have tried various methods recommended in the forums with no success. I'm a CSS novice, so I'm sure there's something I'm missing. Here is my site:
    http://rrlc.info

    I just want to make the header image link to the home page. I can't believe it's all so complicated.

    November 7, 2013 at 5:08 pm #71563
    nutsandbolts
    Member

    Hi losterhout,

    In your stylesheet, find this:

    #title-area, .header-image #title, .header-image #title a {
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 25%;
    }

    and change it to this:

    #title-area, .header-image #title, .header-image #title a {
    display: block;
    float: left;
    height: 100px;
    overflow: hidden;
    padding: 0;
    text-indent: -9999px;
    width: 250px;
    }

    That should make your logo clickable.


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

    November 8, 2013 at 2:25 am #71642
    adriano
    Member

    As far as myself, I upgraded from ExecutivePro 2.0 to ExecutivePro 3.0 -- version 3 handles the header area differently from V2, and the header image / logo gets hyperlinked with the site's url taking care of my problem / question above.

    - Adriano

    November 8, 2013 at 10:19 am #71688
    losterhout
    Member

    Thank you both for your replies! nutsandbolts, that totally worked! I don't know why I couldn't figure that out on my own, but thank you! And adriano - I will consider upgrading as well - I'm sure there are other things that Pro 3.0 will help me with. Have a great day!

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble