Vimeo and email social icons and links « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Angular

resolved

Vimeo and email social icons and links

14 posts from 4 voices

Started 11 months ago by Asiertxu
Latest reply from Devin
This topic is resolved

Tags:

Asiertxu
Member

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

Posted 11 months ago #
Asiertxu
Member

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.

Posted 11 months ago #
Asiertxu
Member

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

Posted 11 months ago #
Ismael
Moderator

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

Posted 11 months ago #
Asiertxu
Member

My pleasure ;-)

Zorrrrro

Posted 11 months ago #
Devin
Moderator

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

Regards,

Devin

Posted 11 months ago #
Asiertxu
Member

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

Posted 11 months ago #
Mya

Hi,

Thanks for updating!

Regards,
Mya

Posted 11 months ago #
Asiertxu
Member

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.

Posted 11 months ago #
Mya

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

Posted 11 months ago #
Asiertxu
Member

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

Posted 11 months ago #
Devin
Moderator

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

Posted 10 months ago #
Asiertxu
Member

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

Posted 10 months ago #
Devin
Moderator

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

Posted 10 months ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top