Return to previous page

How to add just a facebook icon with link in the header

This topic has 6 replies, 2 voices, and was last updated 9 years, 9 months ago ago by Eva Kemp

  • Avatar: ashrodda
    ashrodda
    Participant
    August 26, 2015 at 10:04

    Hi

    I have disabled the top bar because it is showing language icons which I don’t need on my site.
    You’ll see I added “CALL US NOW<telephone number>” text in the ‘Header custom HTML (for 6, 7, 13, 14, 18 headers) block which is under theme options. Under this text in the header I would like to add a facebook icon with ‘Facebook’ text alongside and a link to our Facebook page (not a facebook share link, but a straight link to our page). How do I do this?

    Thank you.

    Please, contact administrator
    for this information.
    #82346 Copied Theme version: Woopress
    5 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    August 26, 2015 at 10:44

    Hello,

    Please refer to these articles:
    http://support.viewbook.com/entries/200539-How-do-I-add-an-Icon-and-link-to-my-Twitter-Facebook-etc-pages-
    https://weebly.zendesk.com/hc/en-us/articles/202081836-Add-a-Facebook-Like-Button-to-Your-Site

    Regards,
    Eva Kemp.

    #82360 Copied
    Avatar: ashrodda
    ashrodda
    Participant
    August 26, 2015 at 11:23

    Hi Eva

    Thanks for the articles. I followed the simple advice here to paste the following into the text window: “”!http://static.viewbook.com/images/social_icons/facebook_32.png!&#8221;:http://link_to_your_facebook_page&#8221; and I replaced the link with mine but as before, it shows this exact text on my header and not an icon with a link. Please help me with the correct coding in this regard?

    Thanks very much!

    Please, contact administrator
    for this information.
    #82383 Copied Theme version: Woopress
    Avatar: Eva
    Eva Kemp
    Participant
    August 26, 2015 at 13:23

    Hello,

    I’ve added this code in custom block:

    <a href="https://www.facebook.com/huidaesthetic?fref=ts" target="_blank"><img
src="http://static.viewbook.com/images/social_icons/facebook_32.png"/></a>

    as described in this article http://support.viewbook.com/entries/200539-How-do-I-add-an-Icon-and-link-to-my-Twitter-Facebook-etc-pages- > “Open link in new tab.” section.

    Please check.

    Regards,
    Eva Kemp.

    #82427 Copied
    Avatar: ashrodda
    ashrodda
    Participant
    August 26, 2015 at 13:30

    Thanks very much! I misread that part but it makes sense now. Much appreciated!

    #82429 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    August 26, 2015 at 13:55

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #82437 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘How to add just a facebook icon with link in the header’' has been successfully resolved, and the topic is now closed for further responses

Recent Community Activity

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
WooPress – Responsive Creative HTML5 Template
lazy-placeholder
Organic Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Watches Store – WooCommerce Theme
lazy-placeholder
Interior Store – WooCommerce Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme

See All Templates

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