Support Forum - Tag: social media

Support Forum - Tag: social media - Recent Posts http://www.kriesi.at/support/tags/social-media Support Forum - Tag: social media - Recent Posts en-US Sun, 19 May 2013 18:58:18 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php theworldawaits on "Changing the location of Social Media Icons" http://www.kriesi.at/support/topic/changing-the-location-of-social-media-icons#post-111986 Fri, 17 May 2013 17:14:05 +0000 theworldawaits 111986@http://www.kriesi.at/support/ Hey there, Just got Enfold and LOVE IT so far. Hoping to learn how to make a quick customization though! I want to change the location of the social media icons on the fixed header. I would like them to appear between my main navigation and the search icon. Is this possible?? I noticed when you switch to 'bottom navigation' the social media icons appear where I would like them. However, I want to keep the fixed navigation in the header. Any way to fuse these two? Alternatively, if that's possible.. I am hoping to move the alignment of the icons on the "mini header" above my main header. They are currently aligned to the left above my logo. Is there any way to have these align all the way to the right, above my navigation? Please let me know... thanks so much!! Jason Nick on "XING icon" http://www.kriesi.at/support/topic/xing-icon#post-111162 Tue, 14 May 2013 17:04:31 +0000 Nick 111162@http://www.kriesi.at/support/ Hi, Yes. I have an idea that you haven't looked well for the Xing glyph, since I was able to find it. <a href="http://www.clipular.com/c?5946811=zM1_Hm9yLKqfAg_cXwIOP0xZTlY&f=.png" rel="nofollow">http://www.clipular.com/c?5946811=zM1_Hm9yLKqfAg_cXwIOP0xZTlY&f=.png</a> (the one with the outline in center) / . Just go to that website fontello.com and this glyph is in Zocial. Now you need to pick the size, and select that one glyph and click download button and you got it. In the theme the location of current glyph files is in there: /config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello-charmap.php -- I would follow these instructions regarding how to add a stand alone glyph as I haven't deal with fonts much, so reading up as i go.. will ask.. instructions ->. <a href="http://css-tricks.com/html-for-icon-font-usage/" rel="nofollow">http://css-tricks.com/html-for-icon-font-usage/</a> Thanks, Nick mmoesslang on "XING icon" http://www.kriesi.at/support/topic/xing-icon#post-111115 Tue, 14 May 2013 12:26:18 +0000 mmoesslang 111115@http://www.kriesi.at/support/ Hi Nick, didn’t work so far. There is no XING Icon in entypo font. I wrote to them, but guess there won’t be a solution. I did all the steps (in functions.php I used the same codes as for tumblr for the moment). But then I did not get a new option in the design > header for XING. So I guess that even, when the font problem is solved, there need to be another step to get this option in the pulldown menu in the header section. Do you have any other idea? Michael Nick on "XING icon" http://www.kriesi.at/support/topic/xing-icon#post-111058 Tue, 14 May 2013 08:09:24 +0000 Nick 111058@http://www.kriesi.at/support/ Hi, Please open up /includes/admin/register-admin-options.php and find line 803 that looks like <pre><code>'Behance' => 'behance',</code></pre> and somewhere in that block of social networks, add <pre><code>'Xing' => 'xing',</code></pre> === Please open up /config-templatebuilder/avia-shortcodes/team.php and fine line 300, and between lines 300 and 301 (or in that block of social networks) paste the code below. <pre><code>'xing',</code></pre> ===== In file functions.php at the base of the theme find line 141 and follow the instructions on lines 117-121 about finding the symbol for Xing <pre><code>'tumblr' => '', //219</code></pre> and here you will need to go and get a code from the entypo icon fonts. After finding the code to the xing icon that looks same as the codes you see in that block all the way up to line 141 you add <pre><code>'xing' => '', //except instead of 62229 you add the code for xing from entypo icon fonts.</code></pre> === Please add the following css to Quick CSS or to /css/custom.css <pre><code>#top .avia-team-member .xing:hover { color:#345574; } #top .social_bookmarks_xing:hover a{color:#fff; background-color:#345574; }</code></pre> Thanks. Let us know how it goes. Thanks, Nick mmoesslang on "XING icon" http://www.kriesi.at/support/topic/xing-icon#post-110824 Mon, 13 May 2013 08:50:38 +0000 mmoesslang 110824@http://www.kriesi.at/support/ Hi, as XING is the most important business social network in Germany and many other countries, it is inevitable important to have it in the top header like and with facebook, LinkedIn and all these. With the XING icon and the link. Very important! How can I do this? Michael remeoner on "Move Social Media Icons above widgets" http://www.kriesi.at/support/topic/move-social-media-icons-above-widgets#post-106819 Tue, 23 Apr 2013 14:22:53 +0000 remeoner 106819@http://www.kriesi.at/support/ nevermind - i figured it out. remeoner on "Move Social Media Icons above widgets" http://www.kriesi.at/support/topic/move-social-media-icons-above-widgets#post-106816 Tue, 23 Apr 2013 14:02:33 +0000 remeoner 106816@http://www.kriesi.at/support/ I am working on rstudiolashspa.com and the client would like to move the social media icons and copyright info above the widget area in the sidebar as oppose to at the bottom of the page. Can I get some help with that. Devin on "Flashlight footer and social media icons" http://www.kriesi.at/support/topic/flashlight-footer-and-social-media-icons#post-106108 Thu, 18 Apr 2013 12:26:02 +0000 Devin 106108@http://www.kriesi.at/support/ Hi Beau, I believe you asked a similar question which I answered in the other topic: <a href="http://www.kriesi.at/support/topic/removing-footer-box-flashlight" rel="nofollow">http://www.kriesi.at/support/topic/removing-footer-box-flashlight</a> For the current icon that you've added, we would need to see it live and inspect the code to check what might be happening. Regards, Devin beauy on "Flashlight footer and social media icons" http://www.kriesi.at/support/topic/flashlight-footer-and-social-media-icons#post-105903 Wed, 17 Apr 2013 13:08:14 +0000 beauy 105903@http://www.kriesi.at/support/ Hey there, I've been reading this thread on how to add social media icons to the footer. <a href="http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-105822" rel="nofollow">http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-105822</a> Ive managed to follow what has been said and get a tumblr link active however i am unable to see the tumblr icon i have created and linked too any suggestions on the format or size of the icon, could this be an issue? Also I am wanting to move the footer bar to the bottom of the page either on top or under the nav bar is there some CSS to help me out? Cheers Beau Dude on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-105832 Wed, 17 Apr 2013 07:26:40 +0000 Dude 105832@http://www.kriesi.at/support/ I tried to check the icon path but <a href="http://www.bpoyandjo.com/sneakpeek" rel="nofollow">http://www.bpoyandjo.com/sneakpeek</a> just redirects me to <a href="http://bpoyandjo.com/" rel="nofollow">http://bpoyandjo.com/</a> and I just see a coming soon page - please make sure that we can see the website too. caseylum on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-105822 Wed, 17 Apr 2013 05:28:41 +0000 caseylum 105822@http://www.kriesi.at/support/ Ok, so I did everything you said to do. This is what happened... I got rid of the RSS feed, and where the RSS feed was I can now scroll over that and it will have a link to go to Pinterest. The only thing is that my my facebook and twitter icons are still the same round gray, and where I thought my Pinterest logo would be, it is completely blank. You can see at <a href="http://www.bpoyandjo.com/sneakpeek" rel="nofollow">http://www.bpoyandjo.com/sneakpeek</a> This leads me to believe I did my icon replacement wrong. When I went to go find my new icons, I googled the icon images, found ones I liked, shrunk the size own to be VERY small, saved it as a .png file, and then replaced the image files with those... so I am supposing I did that wrong? How would replace these correctly? ALSO, am I able to fit four link/icons in that area? I wanted to add in Instagram too... how would I go about doing that if possible? THANK YOU SO MUCH!!! Ismael on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-104887 Tue, 09 Apr 2013 07:30:52 +0000 Ismael 104887@http://www.kriesi.at/support/ Hi Casey, It is through your files located on your host site. You can access it via ftp. For more information regarding ftp and how to use it, check this site: <a href="http://codex.wordpress.org/FTP_Clients" rel="nofollow">http://codex.wordpress.org/FTP_Clients</a> Regards, Ismael caseylum on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-104878 Tue, 09 Apr 2013 07:10:53 +0000 caseylum 104878@http://www.kriesi.at/support/ I'm sorry if this is such a lame question, but when you tell me go into such things like "wp-content/themes/flashlight/images/skin-minimal/" is that through when I am in wordpress (if so, where do I find it?) or is it through my files in my host site? Or somewhere else that I am not even mentioning? I have found kind of what you are mentioning but I'm not sure if it is exactly it, and I just want to double check before I go changing around everything! Thank you for answering this basic question! :) Ismael on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-104447 Fri, 05 Apr 2013 03:58:00 +0000 Ismael 104447@http://www.kriesi.at/support/ Hi Casey, You can change the color by replacing the images found in wp-content/themes/flashlight/images/skin-minimal/. The following are the images you need to replace: -icons-rounded-facebook.png -icons-rounded-rss.png -icons-rounded-twitter.png As for the pinterest, kindly open wp-content/themes/flashlight/sidebar.php and find this code: <code>echo " <li class='rss'><a href='".avia_get_option('feedburner',get_bloginfo('rss2_url'))."'>RSS</a></li>";</code> replace it with: <pre><code>echo ' <li class="pinterest"><a href="http://your_pinterest_url">Pinterest</a></li>';</code></pre> replace <a href="http://your_pinterest_url" rel="nofollow">http://your_pinterest_url</a> with your pinterest account url. Then add this code in your Quick CSS or custom.css: <pre><code>.social_bookmarks .pinterest a { background: transparent url(../images/icons-pinterest.png) 0 0 no-repeat; }</code></pre> Finally add your icon in wp-content/themes/flashlight/images/ make sure you name it icons-pinterest.png Hope this helps. Regards, Ismael caseylum on "Changing scoial media icons" http://www.kriesi.at/support/topic/changing-scoial-media-icons#post-104425 Fri, 05 Apr 2013 00:06:07 +0000 caseylum 104425@http://www.kriesi.at/support/ HI there, I have a few questions regarding the social media icons displayed on the Flashlight theme: -Can I change the color? I would like the Facebook icon to be "Facebook" blue, and twitter to be "twitter" blue. -Can I change the size? My site is heavily focused on social media and I would like them larger to stand out. -Can I add Pinterest to the list of icons on the bottom? And possible remove the RSS feed icon? The removal of the RSS is still a maybe but I definitely need to add Pinterest. Thanks in advance for your help! -Casey Dude on "Social Media Icons" http://www.kriesi.at/support/topic/social-media-icons#post-102808 Sun, 24 Mar 2013 06:58:46 +0000 Dude 102808@http://www.kriesi.at/support/ Hi! No, unfortunately not. Flagship uses a new php/wordpress function and different css code to generate & style the media links. Best regards, Peter Nick on "Eunoia; Change colour of social media hover / Add social media icon" http://www.kriesi.at/support/topic/eunoia-change-colour-of-social-media-hover-add-social-media-icon#post-102784 Sat, 23 Mar 2013 23:49:14 +0000 Nick 102784@http://www.kriesi.at/support/ Hi, To change the color please add the following css block to the bottom of the /css/custom.css file; OR to Quick CSS located in the admin area of Eunoia > Theme Options > Styling ... the text area at the bottom of that page: <pre><code>#top .social_bookmarks_twitter:hover a, #top div .social_bookmarks_twitter .css_3_hover { background-position: center -43px; background-color: rgb(255, 136, 51) !important; }</code></pre> ------------------- You will need to change this image for whichever one you want wp-content/themes/eunoia/images/icons/icon-twitter.png Thanks, Nick rmatus on "Social Media Icons" http://www.kriesi.at/support/topic/social-media-icons#post-102635 Fri, 22 Mar 2013 12:49:44 +0000 rmatus 102635@http://www.kriesi.at/support/ I love how the Flagship Theme handles social media icons. For example, I like the icons on the left side of the screen when they are full screen. Is there any way to do this with the Sentence theme? Thank you Roger warrenseesaw on "Eunoia; Change colour of social media hover / Add social media icon" http://www.kriesi.at/support/topic/eunoia-change-colour-of-social-media-hover-add-social-media-icon#post-102387 Thu, 21 Mar 2013 09:42:48 +0000 warrenseesaw 102387@http://www.kriesi.at/support/ Hello I would like to change the colour of the hover state on the Twitter icon that appears in the Eunoia header area. I have manually changed the icon of icon-twitter.png to the Blogger icon a How do I make either of the following update: 1. Change the Twitter hover colour to #ff8833 to match the blogger color. or 2. Add a new social media icon to the theme. ie. Blogger <a href="http://jamesvivian.warreneverard.com/" rel="nofollow">http://jamesvivian.warreneverard.com/</a> Thank you lpionek on "Adding Additional Social Media Icons (YouTube and Tumblr) to header" http://www.kriesi.at/support/topic/adding-additional-social-media-icons-youtube-and-tumblr-to-header#post-98052 Fri, 22 Feb 2013 14:43:21 +0000 lpionek 98052@http://www.kriesi.at/support/ Great! Everything is working perfectly. Thank you for your help. I also figured out that the original YouTube link prompts the website to attempt to open the page, for whatever reason, but I made the YouTube link into a bitmark, it works fine and goes directly to the page requested without a problem. Thank you for your help and patience! Nick on "social media buttons on screenside" http://www.kriesi.at/support/topic/social-media-buttons-on-screenside#post-97916 Thu, 21 Feb 2013 19:13:21 +0000 Nick 97916@http://www.kriesi.at/support/ Hi, I would install a plugin , one of those sticky social media bars. There are a few hundreds of them out there, free, premium, etc.. Here is a free one that looks interesting <a href="http://wordpress.org/extend/plugins/slick-social-share-buttons/" rel="nofollow">http://wordpress.org/extend/plugins/slick-social-share-buttons/</a> Thanks, Nick hotspot on "social media buttons on screenside" http://www.kriesi.at/support/topic/social-media-buttons-on-screenside#post-97823 Thu, 21 Feb 2013 14:14:38 +0000 hotspot 97823@http://www.kriesi.at/support/ any ideas guys? Ismael on "Adding Additional Social Media Icons (YouTube and Tumblr) to header" http://www.kriesi.at/support/topic/adding-additional-social-media-icons-youtube-and-tumblr-to-header#post-97774 Thu, 21 Feb 2013 08:23:04 +0000 Ismael 97774@http://www.kriesi.at/support/ Hi Ipionek, Kindly open style.css and find this code (the code I gave above): <pre><code>.social_bookmarks .youtube a { background: transparent url(../images/shared/youtube_16.png) 0 0 no-repeat; } .social_bookmarks .tumbler a { background: transparent url(../images/shared/tumbler_16.png) 0 0 no-repeat; }</code></pre> replace it with: <pre><code>.social_bookmarks .youtube a { background: transparent url(images/shared/youtube_16.png) 0 0 no-repeat; } .social_bookmarks .tumbler a { background: transparent url(images/shared/tumbler_16.png) 0 0 no-repeat; }</code></pre> Hope this helps. Regards, Ismael lpionek on "Adding Additional Social Media Icons (YouTube and Tumblr) to header" http://www.kriesi.at/support/topic/adding-additional-social-media-icons-youtube-and-tumblr-to-header#post-97747 Thu, 21 Feb 2013 05:32:13 +0000 lpionek 97747@http://www.kriesi.at/support/ Hello again, So I have attempted this a few times in the past few days, and it isn't quite working. I believe the first set of coding added to header.php works as spots are created and when you hover over the areas (though nothing there) you can still get to the links. However, when I click on you YouTube invisible button spot, a pop-up shows up that says "Image cannot be loaded. Make sure the path is correct and image exist." I have checked the path, and it is placed in the code correctly (<a href="http://www.youtube.com/elizabethsauter)" rel="nofollow">http://www.youtube.com/elizabethsauter)</a>. Additionally, it looks like the webpage is attempting to open a video (screen darkens, and process ticker shows up momentarily before "Image cannot be loaded..." message pops up. The Tumblr link works fine, but right now it is an invisible button as well. The invisible button part makes me think that there is something wrong with the 2nd line of code associated with style.css. However, the file names and location of the placed files are there. Should I replace the "..." portion of the retrieval link? I tried changing this as well in a few attempts and it didn't work. I hope there is some solution as I feel like we are almost there, but something is slightly off. Thank you for your continuation of help. <a href="http://www.elizabeth-sauter.com/" rel="nofollow">http://www.elizabeth-sauter.com/</a> hotspot on "social media buttons on screenside" http://www.kriesi.at/support/topic/social-media-buttons-on-screenside#post-97657 Wed, 20 Feb 2013 15:40:48 +0000 hotspot 97657@http://www.kriesi.at/support/ Oeps i mean the social media buttons of the flagship theme hotspot on "social media buttons on screenside" http://www.kriesi.at/support/topic/social-media-buttons-on-screenside#post-97632 Wed, 20 Feb 2013 12:22:44 +0000 hotspot 97632@http://www.kriesi.at/support/ Hi there, We want to use the social media buttons on the left side of the screen used in this them for the propulsion theme. How can we achieve this? Nick on "Adding Social Media Icon in Blog Posts" http://www.kriesi.at/support/topic/adding-social-media-icon-in-blog-posts#post-97494 Tue, 19 Feb 2013 19:02:27 +0000 Nick 97494@http://www.kriesi.at/support/ Hi, This code will make the menu link color of the current page : red. Please add it to /css/custom.css or to Quick CSS located in the admin area .. Replete > Theme Options > Styling ... the text area at the bottom of that page... <pre><code>#top .header_color .main_menu ul:first-child > li.current-menu-item > a, #top .header_color .main_menu ul:first-child > li.current_page_item > a { color: red !important; }</code></pre> ----------Social media Your best bet is to use a plugin for the social media and insert it into that place via a shortcode or php that comes from the plugin itself. Here is a good free social plugin ( <a href="http://wordpress.org/extend/plugins/socialize/" rel="nofollow">http://wordpress.org/extend/plugins/socialize/</a> ) though there are dozens of others, both free and premium. You would need to add the code from the plugin in between line 79 and 80 of /includes/loop-index.php in the theme folder Thanks, Nick dadsgn on "Adding Social Media Icon in Blog Posts" http://www.kriesi.at/support/topic/adding-social-media-icon-in-blog-posts#post-97362 Tue, 19 Feb 2013 04:37:21 +0000 dadsgn 97362@http://www.kriesi.at/support/ Also how can I change the active menu color? dadsgn on "Adding Social Media Icon in Blog Posts" http://www.kriesi.at/support/topic/adding-social-media-icon-in-blog-posts#post-97359 Tue, 19 Feb 2013 02:30:25 +0000 dadsgn 97359@http://www.kriesi.at/support/ Hi I would like to add Social media icons in Mete area of the Replete theme, right under where the date is. Also how can I make the width smaller as well? Thanks Ismael on "Adding Additional Social Media Icons (YouTube and Tumblr) to header" http://www.kriesi.at/support/topic/adding-additional-social-media-icons-youtube-and-tumblr-to-header#post-97181 Mon, 18 Feb 2013 07:33:04 +0000 Ismael 97181@http://www.kriesi.at/support/ Hi Ipionek, For those two icons, just add this after your twitter: <pre><code>echo "<li class='youtube'><a class='ie6fix' href='http://YOUTUBE_LINK'>youtube</a></li>"; echo "<li class='tumbler'><a class='ie6fix' href='http://TUMBLER_LINK'>tumbler</a></li>";</code></pre> add your images/icons here: wp-content/themes/habitat/images/shared/ then finally, add this at the bottom of style.css: <pre><code>.social_bookmarks .youtube a { background: transparent url(../images/shared/youtube_16.png) 0 0 no-repeat; } .social_bookmarks .tumbler a { background: transparent url(../images/shared/tumbler_16.png) 0 0 no-repeat; }</code></pre> Hope this helps. Regards, Ismael