-
Posts
-
Howdy,
I recently purchased the Enfold theme and I would like to put some social icons (or symbol text like used in the theme) in my footer socket, aligned to the right. How would I achieve this? Thanks already for answering!
Hi jeutie,
If you want them in the footer (where widgets can go) you can just add them to a text widget in one of the footer widget sections.
For the actual socket, you would have to add them into the footer.php file directly with html/php.
Regards,
Devin
If I can ask a quick question Devin… how to do you add them to a text widget? Is there an easy shortcode?
Hi,
Open footer.php then find this code
<?php
echo "<div class='sub_menu_socket'>";
$args = array('theme_location'=>'avia3', 'fallback_cb' => '', 'depth'=>1);
wp_nav_menu($args);
echo "</div>";
?>Replace it with this
<?php $social_args = array('outside'=>'ul', 'inside'=>'li', 'append' => ''); avia_social_media_icons($social_args); ?>
<?php
echo "<div class='sub_menu_socket'>";
$args = array('theme_location'=>'avia3', 'fallback_cb' => '', 'depth'=>1);
wp_nav_menu($args);
echo "</div>";
?>Edit custom.css then add this code
#top #socket .social_bookmarks {
position: absolute;
right: 0;
}Regards,
Ismael
Dear Ismael,
Thank you! That works flawlessly. So where can I now add and or change the social icons that are displayed? I’d like to display Facebook, Twitter, YouTube, Google Plus, LinkedIn and Instagram. Thanks for your help!
Also to add to the above question, I think my featured image is having a problem. It is not a nice square. Take a look here: http://jeutie.info/weightloss/how-it-all-started/ How should I fix this? Thanks already!
Sorry for the double posts, I can’t seem to edit them. I have a third question, when viewing a post within a category, the link in the header links to the blog rather than the category. (the left link) Because of this, the selected category is not underlined in the main header. I’d like to change this so when you go http://jeutie.info/weightloss/how-it-all-started/ here, the left would say Weight loss, and in the header it would be underlined. (like it is here: http://jeutie.info/weightloss/)
I hope the 3 questions above can be answered so the theme can completely suit my needs. :D So far it is the best 50$ ever spent!
Hi,
insert following code into the quick css field to underline the menu item:
.header_color .main_menu ul:first-child > li.current-menu-parent > a{
font-weight: 600;
color: #666666;
}
.current-menu-parent>a>.avia-menu-fx, li:hover .current-menu-parent>a>.avia-menu-fx {
opacity: 1;
visibility: visible;
}Thank you for your reply. I’ll try it as soon as I get home and let you know the outcome. Thanks once again.
Dear Peter,
That code does indeed underline the menu item but it is not the same as when viewing a category. (Compare http://jeutie.info/tech-blog/ with http://jeutie.info/tech-blog/redesign-complete/) I know I am nitpicking but I guess that is my OCD playing up. Thank you never the less for all your help!
Hey!
It seems like the small arrow is missing – following code should add it too:
.current-menu-parent>a>.avia-menu-fx .avia-arrow-wrap {
display: block;
}Best regards,
Peter
- The topic ‘social icons in footer socket’ is closed to new replies.