Turning the Header Description into a link

Community Forums Forums Design Tips and Tricks Turning the Header Description into a link

This topic is: not resolved

This topic contains 4 replies, has 3 voices, and was last updated by  chad1008 7 months, 1 week ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #53239

    john gronley
    Participant
    Post count: 124

    Hey can someone tell me how to turn the site description into a hyperlink and have it stay the color of the description instead of the link color? My customer wants the description to go to an interior page with lists of pickleball communities.

    http://pickleballarizona.com

    Thanks,

    John

    http://pickleballarizona.com
    #53701

    braddalton
    Participant
    Post count: 10555

    Try this John:

    You will need to style it using CSS to change the default link color.

    You could also remove this:
    [html]
    <p style="text-align: center;">
    [/html]
    And use CSS instead.


    #53708

    braddalton
    Participant
    Post count: 10555

    Here’s some sample CSS you can use or modify:
    [css]
    .custom-description a, a:visited {
    color: #000000;
    font-family: times new roman,’Oswald’,arial,serif;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    text-align: center;
    text-shadow: 1px 1px 1px #070707;
    }
    [/css]

    I took out the padding:
    [css]
    padding: 5px 0 0 120px;
    [/css]


    #53854

    john gronley
    Participant
    Post count: 124

    Thanks Brad

    #101097

    chad1008
    Member
    Post count: 6

    This was perfect.

    If anyone needs to link the description to the homepage of their site, this is how I modified Brad’s snippet:

    //Link Site Description To Homepage--------------------------
    remove_action( 'genesis_site_description', 'genesis_seo_site_description' );
    add_action( 'genesis_site_description', 'custom_site_description' );
    function custom_site_description() {
    echo "<p id='description'><a href='" . get_bloginfo('url') . "'>" . get_bloginfo('description') . "</a></p>";
    };

    Thanks Brad!

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

You must be logged in to reply to this topic.