Return to previous page

Reply 71845 to: How do I get Social Media Icons at the header of all pages, easily.

Avatar: Eva
Eva Kemp
Support staff
June 26, 2015 at 13:11

Hello @mellouzi,

1. Edit the file wp-content/themes/woopress/framework/shortcodes.php (find the section “! Share This Product” on line 1704), to change Facebook link you need edit the line <a href="http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'" class="'.$tooltip_class.'" title="'.__('Facebook', ET_DOMAIN).'" target="_blank"> and replace the code http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.' with your Facebook link.

2. Delete or comment the code of the icons you don’t want to show, edit the file wp-content/themes/woopress/framework/shortcodes.php (find the section “! Share This Product” on line 1704), for example to remove Twitter icon you need delete or comment the code:

<li>
                    <a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ET_DOMAIN).'" target="_blank">
                        <i class="ico-twitter"></i>
                        <svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
                                <circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
                        </svg>
                    </a>
                </li>

3. Add this code in custom.css file to fix the issue with language icons:

li.menu-item.menu-item-language {
  width: 20% !important;
}

How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

4. Go to Theme Options > Header > Logo image for fixed header > upload your logo.

5. You can change color for mobile menu using this code in custom.css file:

.st-menu-open .mobile-menu-block > .mobile-menu-block.st-menu {
  background-color: white !important;
}
.mobile-nav li a {
  color: black !important;
}

6. When you are logged in on the forum you can create a new topic hovering “New” link at the top: http://storage1.static.itmages.com/i/15/0626/h_1435320601_5519315_f202558440.png

Regards,
Eva Kemp.

#71845
Go To The Whole Conversation In Topic

Useful links WooCommerce & WordPress

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.