Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #984832
    #985035

    Hey AJDesignCo,

    Do you want a simple title popup? This may be possible to add via JavaScript.

    Best regards,
    Jordan Shannon

    #985309

    Yes, a simple title popup is all that’s needed. Do you have any resources on adding that behavior with JavaScript?

    #985329

    Hi,

    If you can provide admin info in the private area below I can try to work it out for you.

    Best regards,
    Jordan Shannon

    #985346

    Awesome. Thank you.

    #985383

    Hi,

    Thank you for the credentials, that’s a nice looking header :)

    To create a tooltip on the logo

    1. I have added this CSS in Enfold > General Styling > Quick CSS

    /* Logo title pop */
    .logo,
    .logo a {
        overflow: visible!important;
    }
    
    .logo .subtext h1 {
        position: absolute;
        display: none;
        font-size: 14px !important;
        background: #222;
        color: #fff;
    
        top: 90px;
        padding: 10px;
        width: 160px;
        text-align: center;
        left: 50%;
        transform: translateX(-50%);
    
    }
    
    .logo a:hover .subtext h1 {
        display: block!important;    
        transition: all .35s ease;
    }

    2. The below code in WP > Appearance > Editor > Enfold Child > functions.php

    add_filter('avf_logo_subtext', 'kriesi_logo_addition');
    function kriesi_logo_addition($sub) {
        $sub .= '<h1>Savannah Lakes Village</h1>';
        return $sub;
    }

    You can change the logo tooltip text from the functions.php file.

    Best regards,
    Vinay

    #995114

    So sorry for the slow feedback…thank you so much for this excellent solution! I may tweak it a bit, but this is a great start. Thanks again!

    #995116

    Hi,

    I’m glad you were able to get this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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

The topic ‘Add Tooltip to Main Logo Element’ is closed to new replies.