Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #13338

    Hi there

    I’m trying to use the vimeo and email icons on the social media icons container bar.

    I’ve applied the same advice you gave to other users with a similar request.

    However when I click on the vimeo icon all I get is a lighbox box but nothing else happens. With the email I replicated the same steps but the icon doesn’t even appear on the container bar.

    Any help will be much appreciated.

    Thanks in advance.

    http://www.zorrrrro.com

    #78830

    I used the Dribbble account box on the Angular theme options to input my Vimeo ID.

    Then on the Header page I looked for

    if($dribbble = avia_get_option(‘dribbble’)) { $social ++; echo “<li class=’dribbble’>“.__(‘Follow us on Vimeo’, ‘avia_framework’).”“; }

    and changed it to

    if($dribbble = avia_get_option(‘dribbble’)) { $social ++; echo “<li class=’dribbble’>“.__(‘Follow us on Vimeo’, ‘avia_framework’).”“; }.

    Finally on the Layout. CSS I looked for

    .social_bookmarks .dribbble{background: transparent url(../images/layout/icon-dribbbler.png) 0 center no-repeat;}

    and changed it for…

    ..social_bookmarks .dribbble{background: transparent url(../images/layout/icon-vimeo.png) 0 center no-repeat;}

    finally again on layout.css I looked for…

    .social_bookmarks .dribbble:hover{background-position: -42px center; background-color:#e44885;}

    and changed it for

    .social_bookmarks .dribbble:hover{background-position: -42px center; background-color:#336666;}

    It’s pretty much what was advices earlier to previous users. The bit that was missing was introducing my Vimeo ID on Dribbble account box on the Angular theme options page.

    Also using firebug was key to identify the problem and why anyone can get the lightbox…

    <html class=”firefox firefox? html_stretched js_active csstransforms no-csstransforms3d csstransitions js_active “ lang=”en-US” dir=”ltr”>

    <head>

    <body id=”top” class=”home blog logged-in admin-bar stretched customize-support”>

    <div id=”wrap_all”>

    <div class=”color_strip primary-background”></div>

    <div id=”social_container” class=”container_wrap”>

    <div class=”container”>

    <div class=”social_container extralight-border”>

    <ul class=”social_bookmarks”>

    <li class=”dribbble”>

    <a href=”http://vimeo.com/zorrrrro”>Follow us on Vimeo

    If you look on the last line, this is the way it should look as compared to…

    <a href=”http://vimeo.com/zorrrrro/http://vimeo.com”>Follow us on Vimeo

    … which is what I was getting when the lightbox would appear when clicking on the vimeo icon.

    Hope this helps.

    Cheers.

    Zorrrrro

    PS: I still need some help with the email icon showing on the social icons container bar, so anyone with suggestions will be much appreciated.

    #78831

    Hi guys

    After going bold scratching my head, finally I’ve figured the email icon conundrum.

    Follow the first part of Mya’s advice as she suggests…

    1) Open header.php and find this code

    echo ‘ <li class=”rss”>RSS‘;

    Then when you input her suggestion for step 2…

    2) Add this code directly above the code in #1

    echo ‘ <li class=”email”>Contact‘;

    if you use an email address change the line to…

    echo ‘ <li class=”email”>Contact‘;

    Once you have that sorted and are ready to change your layout.css page, to make sure your icon is visible…remember to look for

    .social_bookmarks .mail{background: url(“../images/layout/icon-mail.png”) 0 center no-repeat transparent;}

    and

    .social_bookmarks .mail:hover {background-position: -42px center; background-color:#9FAE37;}

    Then where it says ‘mail’ changed it ‘email’ and voila!

    Also to change colour of the background just change the #9FAE37 bit to any other colour you like.

    Cheers.

    Zorrrrro

    #78832

    Hi Zorrrrro,

    I checked your site and I think the issues you mentioned above are already fixed by you. :) glad that you have shared the solution. :)

    Cheers,

    Ismael

    #78833

    My pleasure ;-)

    Zorrrrro

    #78834

    I’ll have to save these in my Angular snippets file for later testing and use! Thanks for posting :)

    Regards,

    Devin

    #78835

    Hi Devin

    I’ve just realised on my advice of 3 days ago..

    On the second line of my post where it starts…

    Then on the Header page I looked for

    
if($dribbble = avia_get_option(‘dribbble’)) { $social ++; echo “<li class=’Vimeo’>”.__(‘Follow us on Vimeo’, ‘avia_framework’).”"; }

    Anyone should look for the line with Dribble in it, NOT Vimeo, obviously as Vimeo’s link isn’t there to start with.

    The correct advice should have been…

    if($dribbble = avia_get_option(‘dribbble’)) { $social ++; echo “<li class=’dribbble’>”.__(‘Follow us on Dribble’, ‘avia_framework’).”"; }

    Then changed it to

    if($dribbble = avia_get_option(‘dribbble’)) { $social ++; echo “<li class=’dribbble’>”.__(‘Follow us on Vimeo’, ‘avia_framework’).”"; }.

    My apologies, with the rush typing that what happens ;-)

    Zorrrrro

    #78836

    Hi,

    Thanks for updating!

    Regards,

    Mya

    #78837

    Hi guys

    This vimeo social icon is gone awol again.

    Up to now it was all working fine. For some reason now, once again, when I click on my vimeo social icon, a white lightbox pops up and I don’t get re-directed to Vimeo as before.

    What’s going?

    Also now all my lightboxes appear with some odd marks and lines when using Fireworks?

    Any help will be much appreciated.

    Thnaks.

    Zorrrrro

    PS: I could email you my Dashboard settings if that would help.

    #78838

    Hi,

    Did you install any plugins or make any other customizations before the Vimeo social icon went missing? Can you post a link to a lightbox that appears wrong?

    Regards,

    Mya

    #78839

    Hi Mya

    If you go here http://bit.ly/Ljcyym you can get the idea.

    Just click on the vimeo icon at the top and see what happens. Also Deactivating all the plugins doesn’t make any difference.

    As I mentioned before I could email you my Dashboard details if that would help.

    Thanks

    Zorrrrro

    #78840

    Hi Zorrrrro,

    Did you update the theme or re-load from a backup? That might have undone your previous changes and additions. Other than that, you can always force a link to ignore the lightbox function by adding the class: “noLightbox” to it.

    Regards,

    Devin

    #78841

    I updated the theme to version 1.3, in the hope the problems would disappear. Of course I want all items to display on the lightbox so they can look bigger, so I don;t want to disable the function, but the little marks makes the experience unsightly. I like the theme for its cleanness and uncluttered feel to it. However this problems is a visual hindrance and I need to get it sorted for good.

    Thanks in advance for your help.

    Zorrrrro

    #78842

    Hi Zorrrrro,

    I’m not quite sure where we left off on the issues but looking at the site now you’ve got the vimeo icon going to dribble. You can fix that by changing:

    if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://dribbble.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }

    to

    if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://vimeo.com/".$dribbble."'>".__('Follow us on Vimeo', 'avia_framework')."</a></li>"; }

    Regards,

    Devin

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

The topic ‘Vimeo and email social icons and links’ is closed to new replies.