Support Forum - User Favorites: CopyCatFilms

Support Forum - User Favorites: CopyCatFilms copycatfilms Support Forum - User Favorites: CopyCatFilms en-US Sun, 26 May 2013 00:34:47 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Devin on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103370 Wed, 27 Mar 2013 19:11:11 +0000 Devin 103370@http://www.kriesi.at/support/ Glad we could help :) Let us know if you have any other questions or issues. Regards, Devin CopyCatFilms on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103357 Wed, 27 Mar 2013 18:41:00 +0000 CopyCatFilms 103357@http://www.kriesi.at/support/ Thanks much. This seems to be doing the trick. I just added the "noLightbox" class to the whole social links section of the header. It would be nice to open these in a new tab, but I'm happy that it's working as it is for now. Cheers, Farrin Devin on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103299 Wed, 27 Mar 2013 14:16:13 +0000 Devin 103299@http://www.kriesi.at/support/ Hi Farrin, Typically, I just suggest adding new links right into the header and then you just add the class noLightbox to each. For example: <code><a class="noLightbox" href="http://www.youtube.com/">Youtube</a></code> This would be in the header.php file. However, if you've gone the route from that topic and added in the new options, for the Youtube and Vimeo links you'll need to use a url obfiscator so that the theme doesn't automatically try and put them in a lightbox. So put the url for your vimeo page and youtube page in here: <a href="http://goo.gl/" rel="nofollow">http://goo.gl/</a> and then use the shorter url in place on the theme options. Regards, Devin CopyCatFilms on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103185 Tue, 26 Mar 2013 18:40:07 +0000 CopyCatFilms 103185@http://www.kriesi.at/support/ Actually...I guess I spoke too soon. It appeared to work by adding the direct url. But sometimes it tries to open the lightbox for the icons. So then I tried the CSS custom route and it's back to being broken. How can I disable lighbox for these icons? Thanks again CopyCatFilms on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103181 Tue, 26 Mar 2013 17:13:05 +0000 CopyCatFilms 103181@http://www.kriesi.at/support/ Perfect--thank you so much. :D Dude on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103089 Tue, 26 Mar 2013 06:31:03 +0000 Dude 103089@http://www.kriesi.at/support/ The url to the image is not valid. You've two options: 1) Insert the code into css/custom.css - then the relative url will work. 2) Use an absolute url instead: <pre><code>.social_bookmarks .instagram {background: transparent url(http://www.copycatfilms.com/wp-content/themes/angular/images/layout/icon-instagram.png) 0 center no-repeat; }</code></pre> CopyCatFilms on "Adding Social Media Icons to HEADER" http://www.kriesi.at/support/topic/adding-social-media-icons-to-header#post-103051 Tue, 26 Mar 2013 00:56:39 +0000 CopyCatFilms 103051@http://www.kriesi.at/support/ Hi--I followed the instructions in the previous thread about adding additional social media networks--I mean YouTube and Vimeo are not included, but Dribble is?? Anyway, it's now working. It gives me the pink hover, and the link works correctly, but the icon is not visible, nor does it roll like the others. Site: <a href="http://www.copycatfilms.com" rel="nofollow">http://www.copycatfilms.com</a> previous, closed thread: <a href="http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header" rel="nofollow">http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header</a> Thanks, Farrin GabrielleB925 on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-102277 Wed, 20 Mar 2013 15:28:49 +0000 GabrielleB925 102277@http://www.kriesi.at/support/ Hi Ismael, It worked! Thank you so much! Ismael on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-102157 Wed, 20 Mar 2013 00:52:57 +0000 Ismael 102157@http://www.kriesi.at/support/ Hi, The image source is not correct. Add this on your custom.css <pre><code>.social_bookmarks .instagram { background: transparent url(../images/layout/icon-instagram.png) 0 center no-repeat; }</code></pre> I edited the icon you provided. Please download the instagram icon here and replace the old file. <a href="http://www.mediafire.com/view/?qrs4htor8yeuo8b" rel="nofollow">http://www.mediafire.com/view/?qrs4htor8yeuo8b</a> Regards, Ismael GabrielleB925 on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-102127 Tue, 19 Mar 2013 20:08:50 +0000 GabrielleB925 102127@http://www.kriesi.at/support/ Ok, a little update..since I added our account info it now turns pink when you hover over it, but no icon shows. I'm convinced the file I uploaded is wrong or needs to be a specific size or style :-/ GabrielleB925 on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-102104 Tue, 19 Mar 2013 17:51:57 +0000 GabrielleB925 102104@http://www.kriesi.at/support/ Hi Nick, I followed all of these steps in order to try to add Instagram to my Social Media Options and it's not working. It does show an extra box next to Twitter, but it all white. No color or image shows when you hover over it, however it does show on the bottom of my browser that it's linking to Instagram/kriesi. I just double checked to make sure I followed everything as instructed and I believe I did. The only thing I might think is wrong is the image I selected for the instagram icon, but not really sure of that. Any way you can help? Thanks so much :) Nick on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-95000 Mon, 04 Feb 2013 13:50:05 +0000 Nick 95000@http://www.kriesi.at/support/ Hi, You need to make the following edits for each additional social network that you add. Please remember that everything is case sensitive so keep everything in small letters for theme names except where the code below has capital letters for the social network name. . The name of social network is kept consistent throughout the steps below 1) Find an icon that makes sense and use ftp to upload it inside the theme folder to /images/layout/ sub-folder. make sure the name of the image is icon-name.png. It must be a png file, and it must have a prefix of icon- ... so icon-social_network_name.png is how yours would look 2) In the code below which is located in the theme folder in the /admin/register-admin-options.php on line 111. you would insert the block of code below for each new social network. You would replace the word 'dribbble' in all the parts below with whatever the name of the social network you are adding (1 word no spaces, if have two word use a dash - ,just keep it consistent <pre><code>$avia_elements[] = array( "name" => "Your dribbble account", //you account name, number on the social network "slug" => "avia",//don't change "desc" => "Enter your dribbble account name. If you leave this blank the dribbble link in the head of your site wont be displayed.", "id" => "dribbble", //change to 1 word of new social network , no spaces "std" => "Kriesi", //this is initial value, just put same here as you wrote in 'name' above. "type" => "text"); //don't change</code></pre> 3. Add the code below to the bottom of your /css/custom.css file or in the backend of your theme add it to the bottom of the Quick CSS text area located in Angular > Theme Options > Styling.. .on bottom of the page. Don't forget to change dribbble to the same one word name of the new frame social network <pre><code>.social_bookmarks .dribbble:hover{background-position: -42px center; background-color:#e44885;} .social_bookmarks .dribbble{background: transparent url(../images/layout/icon-dribbble.png) 0 center no-repeat;}</code></pre> 4) In header.php please add the line below after chaning dribble to your social network name, in between any of the lines 122-126, based on where you want it to show up related to it neighbor icons. Also please change the your-social-network.url in the line below <pre><code>if($dribbble = avia_get_option('dribbble')) { $social ++; echo "<li class='dribbble'><a href='http://YOUR-SOCIAL-NETWORK-URL.com/".$dribbble."'>".__('Follow us on dribbble', 'avia_framework')."</a></li>"; }</code></pre> Thanks, Nick sneedesign on "Add More Social Media Icons to header" http://www.kriesi.at/support/topic/add-more-social-media-icons-to-header#post-94842 Sun, 03 Feb 2013 18:31:15 +0000 sneedesign 94842@http://www.kriesi.at/support/ How do I add more social media icons to the top header of Angular? I've seen lots of other sites using this theme add Instagram, Behance, etc.. in addition to the default Facebook, Twitter, Google+. I'm sure it's probably pretty easy, but I can't find any documentation or previous threads discussing this. Help?