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)?
Propulsion: social media icon/link options
9 posts from 3 voices- Started 7 months ago by ATX
- Latest reply from ATX
- This topic is closed
- This topic is not a support question
-
Devin
ModeratorHey 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"> <?php do_action('avia_add_social_icon','footer'); //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> <!-- 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 .social_bookmarks.social-header { right: 0px; float: right; padding-top: 10px; }That should do it :)
Regards,
Devin
Posted 7 months ago # -
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).
Posted 7 months ago # -
Devin
ModeratorYou 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="www.somesite.com">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(http://yoursite.com/icon.png) 0 0 no-repeat;}For the title area on pages use:
.title_container { display: none; }Regards,
Devin
Posted 7 months ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
