Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • October 31, 2013 at 8:10 pm #183094
    Thinkgate

    Hey,

    I am currently in the development phase using the Enfold theme, and would like to add a custom icon/image to the Social header.

    What I am trying to do is remove the social icons (which I have set to float:right;) and add a custom icon/image, which is basically a ‘Login’. I want to keep the same type of styling (white with no hover; white with different bg color when hovered).

    Is this possible? If so, where exactly would I add this?

    Thanks!

    November 1, 2013 at 4:20 am #183263
    Ismael

    Hi murphy88!

    Can you please post a screenshot of what you’re trying to do? A link to your site will help.

    Best regards,
    Ismael

    November 4, 2013 at 4:57 pm #184334
    Thinkgate
    This reply has been marked as private.
    November 5, 2013 at 3:24 pm #184776
    Yigit

    Hey!

    Please go to Appearance > Editor and open Header.php file and search for following lines

    do_action('avia_meta_header');
                        echo '</nav>';
                    ?>

    You can add your login link right under it preferably inside a div so you can style it later.
    If you need any help with it, let us know!

    Regards,
    Yigit

    November 5, 2013 at 3:57 pm #184806
    Thinkgate

    Thank you, I was able to add what I needed.

    I would like the keep the ‘fixed header’ but do not need any social icons (only want my login button/link). I removed all of them in Theme Options, but keeps one.

    Is there any way to remove the final icon?

    Thanks!

    November 5, 2013 at 4:34 pm #184832
    Thinkgate
    This reply has been marked as private.
    November 5, 2013 at 4:39 pm #184834
    Yigit

    Hi!

    Can you post the link to your website?

    Best regards,
    Yigit

    November 5, 2013 at 4:45 pm #184841
    Thinkgate
    This reply has been marked as private.
    November 5, 2013 at 4:50 pm #184843
    Yigit

    Hey!

    Not that i know of. Please add following code to Quick CSS in Enfold theme options to remove social icons

    #top .social_bookmarks { display: none; }

    You should change following style with your login buttons style to have similar hover state with social icons

    .yourstyle:hover { color: #fff; background-color: red; }

    Regards,
    Yigit

    November 5, 2013 at 6:39 pm #184878
    Thinkgate
    This reply has been marked as private.
    November 5, 2013 at 7:27 pm #184889
    Yigit

    Hey!

    Yes. Please change it to text and add some paddings then code should work just fine :)

    Cheers!
    Yigit

    November 5, 2013 at 11:47 pm #184985
    Thinkgate
    This reply has been marked as private.
  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘Adding Custom Icon into Social Header’ is closed to new replies.