Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16326

    Hello,

    I want to add Social Media Icons (Facebook/Twitter) on top of Propulsion theme.

    The current location (bottom of page) is hard to find, and my client is working on promoting his Facebook page.

    Thanks in advance for your help.

    Daniel

    #91108

    Hi Daniel,

    The Social Media Icons are found on both top and bottom of the Propulsion theme, except for the frontpage. I’ll post back to this thread for the modification of the frontpage.

    Regards,

    Ismael

    #91109

    Thanks Ismael, I look forward to having your information.

    Daniel

    #91110

    Hi,

    Open your header.php and find this code

    <div class='container_wrap' id='header'>

    <div class='container'>

    Below that, put this code

    <ul class="social_bookmarks header_social">
    <?php

    //contact icon
    $contact_page_id = avia_get_option('email_page');
    if (function_exists('icl_object_id')) $contact_page_id = icl_object_id($contact_page_id, 'page', true); //wpml prepared
    if($contact_page_id) echo "<li class='mail'><a href='".get_permalink($contact_page_id)."'>".__('Send us Mail', 'avia_framework')."</a></li>";

    if($dribbble = avia_get_option('dribbble')) echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>";
    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>".__('Follow us on Twitter', 'avia_framework')."</a></li>";
    if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>".__('Join our Facebook Group', 'avia_framework')."</a></li>";

    ?>

    <li class='rss'><a href="<?php avia_option('feedburner',get_bloginfo('rss2_url')); ?>"><?php _e('Subscribe to our RSS Feed', 'avia_framework')?></a></li>

    </ul>

    Now, on your custom.css, add this one

    #top .social_bookmarks.header_social {
    position: absolute;
    top: 8px;
    right: 0px;
    }

    Regards,

    Ismael

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

The topic ‘Social Media Icons on top of Propulsion theme’ is closed to new replies.