Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #22970

    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!

    #118073

    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

    #118074

    If I can ask a quick question Devin… how to do you add them to a text widget? Is there an easy shortcode?

    #118075

    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

    #118076

    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!

    #118077

    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!

    #118078

    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!

    #118079

    I figured out the first question, still clueless about the other two though.

    #118080

    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;
    }

    #118081

    Thank you for your reply. I’ll try it as soon as I get home and let you know the outcome. Thanks once again.

    #118082

    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!

    #118083

    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

    #118084

    Dear Peter, that does indeed add the arrow. Thank you very much for your quick response! You may close this thread if you wish. Thanks once again.

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

The topic ‘social icons in footer socket’ is closed to new replies.