<?xml version="1.0" encoding="UTF-8"?>        <rss version="2.0"
             xmlns:atom="http://www.w3.org/2005/Atom"
             xmlns:dc="http://purl.org/dc/elements/1.1/"
             xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
             xmlns:admin="http://webns.net/mvcb/"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
             xmlns:content="http://purl.org/rss/1.0/modules/content/">
        <channel>
            <title>
									Member banner fully clickable with a lift - How-to and Troubleshooting - wpForo 2.0				            </title>
            <link>https://wpforo.com/community/how-to-and-troubleshooting-2/member-banner-fully-clickable-with-a-lift/</link>
            <description>Discussion Board</description>
            <language>en-US</language>
            <lastBuildDate>Sat, 11 Jul 2026 18:21:07 +0000</lastBuildDate>
            <generator>wpForo</generator>
            <ttl>60</ttl>
							                    <item>
                        <title>Member banner fully clickable with a lift</title>
                        <link>https://wpforo.com/community/how-to-and-troubleshooting-2/member-banner-fully-clickable-with-a-lift/#post-137731</link>
                        <pubDate>Thu, 12 Feb 2026 08:44:43 +0000</pubDate>
                        <description><![CDATA[I wanted to share a solution to make member profile banners clickable. By default, these are just background images, but this combination of PHP and CSS turns the entire banner into a functi...]]></description>
                        <content:encoded><![CDATA[<p>I wanted to share a solution to make member profile banners clickable. By default, these are just background images, but this combination of PHP and CSS turns the entire banner into a functional link to the member's profile. I have also included a CSS hover effect so the banner "lifts" and brightens when a user moves their mouse over it, giving it a more premium feel.</p>
<h3 data-path-to-node="7">The Two-Part Solution</h3>
<p data-path-to-node="8"><b data-path-to-node="8" data-index-in-node="0">Part 1: The PHP Snippet</b> (This goes into your Code Snippets plugin or functions.php)</p>
<p data-path-to-node="8"> </p>
<pre contenteditable="false">add_action('wp_footer', function() {
?&gt;
&lt;script type="text/javascript"&gt;
(function($) {
    function zippity_banner_activate() {
        $('.wpforo-member-bg').css('cursor', 'pointer');
    }

    $(document).on('click', '.wpforo-member-bg', function(e) {
        e.preventDefault();
        e.stopPropagation();
        var profileLink = $(this).closest('.wpforo-member').find('a').first().attr('href');
        if(profileLink) {
            window.location.href = profileLink;
        }
    });

    $(document).ready(zippity_banner_activate);
    $(document).ajaxComplete(zippity_banner_activate);
})(jQuery);
&lt;/script&gt;
&lt;?php
});</pre>
<p><b data-path-to-node="10" data-index-in-node="0">Part 2: The Custom CSS</b> (This goes into your wpForo custom CSS area)</p>
<pre contenteditable="false">.wpforo-member-bg {
    transition: all 0.3s ease-in-out !important;
}

.wpforo-member-bg:hover {
    filter: brightness(1.1) !important;
    transform: translateY(-5px) !important;
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.3) !important;
    cursor: pointer !important;
}</pre>
<p>This is something that took me hours to find the answer. I hope this is helpful to everyone. If anyone sees a problem with this please let me know. But it seems to work really well.</p>]]></content:encoded>
						                            <category domain="https://wpforo.com/community/how-to-and-troubleshooting-2/">How-to and Troubleshooting - wpForo 2.0</category>                        <dc:creator>Danno6116</dc:creator>
                        <guid isPermaLink="true">https://wpforo.com/community/how-to-and-troubleshooting-2/member-banner-fully-clickable-with-a-lift/#post-137731</guid>
                    </item>
							        </channel>
        </rss>
		