Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #17611

    Can I have social media options at top of page (like in Coherence theme)? /

    And are there more social media icon/link options (like in Coherence theme)?


    Hey ATX,

    There is not a theme option for it now. But you can copy over the social bookmarks code from the footer to the header and get the same effect pretty easily. There are also no admin options for adding additional social icons.

    To add the icons to the top right like with Coherence, open up your header.php and where you see:

    <div class='container'> at line 121, add the following just below that but before that <?php the starts the logo:

    <ul class="social_bookmarks social-header">
    //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='".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>";
    if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='".$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>

    <!-- end social_bookmarks-->

    Now add the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    #top {
    right: 0px;
    float: right;
    padding-top: 10px;

    That should do it :)




    Worked great. Thx for advice and also quick response.

    Couple of related questions:

    Is there really no way to add extra icons/links? Where do the icons (images) come from and can’t I add some of my own? Or even take code/images from Coherence? Code hack?

    How can I delete the section below header the has Page title, some social media icons and search bar? (across all pages).


    You can definitely add more manually but it will need to be in both the header.php and footer.php where you have the code above. You can add list items just after or just before the rss icon and model them after it as well. So:

    <li class='newclass'><a href="">Social Site</a></li>

    For each new list item you add in via html you’ll need to have an additional class as well (newclass above). Add it to your custom.css file or into the Quick CSS in the styling tab of the theme options:

    .social_bookmarks .someclass a{background: transparent url( 0 0 no-repeat;}

    For the title area on pages use:

    .title_container {
    display: none;




    Thx Devin, I’ll try it out.

    Did you have a solution for my other question:

    How can I delete the section below header the has Page title, some social media icons and search bar? (across all pages).


    Its the very last bit of css above.


    Still not sure where the icon images are stored/pulled from (I can’t find them in the Propulsion files like I can for Coherence).

    Pls advise.



    You can find the icons on propulsionwp-contentthemespropulsionimageslayout. :)




    Ahh.. Thx

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

The topic ‘Propulsion: social media icon/link options’ is closed to new replies.