Adding WhatsApp to “About Me” widget

  • Resolved gad123

    (@gad123)


    1 year, 4 months ago

    Hi,
    I would like to know if WhatsApp can be availble in the list of options under the “About Me” widget (which is availble in the “Travel” demo).
    I found some explantions in the forum about adding WhatsApp to different widgets, but the solution didn’t work for my case.

    Thank you very much!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @gad123,

    You can add this by using custom JS and CSS, please put the CSS below in Customizing > Custom CSS/JS:

    Part II(jQuery):

    jQuery(document).ready(function(){
    jQuery(".oceanwp-about-me-social").append('<li class="whatsapp"><a href="#" aria-label="WhatsApp" target="_blank" rel="noopener noreferrer"><i class=" fab fa-whatsapp" aria-hidden="true" role="img"></i></a><span class="screen-reader-text">Opens in a new tab</span></li>');
});

    Part II(CSS):

    .oceanwp-about-me .oceanwp-about-me-social li.whatsapp {
    background: #25D366;
    border-radius: 100px;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note 1: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    Note 2: To edit the link, change the “href” value; here: https://postimg.cc/JshT9xhw.

    Result: https://postimg.cc/YvVxTwVg.

    I hope that helps.
    Best Regards

    Thread Starter gad123

    (@gad123)

    It works!!! Thanks a lot for the amazing theme and for outstanding support!!!

    You’re most welcome.
    I’m glad it is resolved.
    And Thank you very much for your feedback.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Adding WhatsApp to “About Me” widget’ is closed to new replies.