Support Forum - Tag: icons

Support Forum - Tag: icons - Recent Posts http://www.kriesi.at/support/tags/icons Support Forum - Tag: icons - Recent Posts en-US Thu, 23 May 2013 04:08:21 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Nick on "Adding Instagram Icon to Links" http://www.kriesi.at/support/topic/adding-instagram-icon-to-links#post-113094 Wed, 22 May 2013 22:24:00 +0000 Nick 113094@http://www.kriesi.at/support/ Hi, I think you are confusing Enfold with Replete. Enfold has the glyphs while Replete has the icons. So. To add a new social media icon 1) find your icon (google image search) 2) Look in your theme /images/icon folder to find the current social media icons which are 42x84 pixels and.. well i made a mockup for you, not the best , but i am sure you can find something or spend a couple of minutes making it <a href="http://i.imgur.com/rFS48mp.png" rel="nofollow">http://i.imgur.com/rFS48mp.png</a>, just download this image and use it for now. 2) upload the image/icon in Admin > Media > Add New. Make sure to copy the URL where the image you uploaded is located. 3) open up /includes/admin/register-admin-options.php and find line 110 which looks like <pre><code>'LinkedIn' => 'linkedin',</code></pre> and replace it with these two lines <pre><code>'Instagram' => 'instagram', 'LinkedIn' => 'linkedin',</code></pre> Now add this css to /css/custom.css or to Replete > Theme Options > Styles .. the text area at the bottom of that page. Now from step 1 you should have the URL where you uploaded the image that looks like <a href="http://www.your-domain.com/uploads/2013/4/23/instagram.png" rel="nofollow">http://www.your-domain.com/uploads/2013/4/23/instagram.png</a> (somethinglike this),. paste it into the code below where it says ADD URL HERE <pre><code>.social_bookmarks_instagram a{ background: transparent url(ADD URL HERE) center 0px no-repeat; } .social_bookmarks_instagram:hover a, body .social_bookmarks_instagram .css_3_hover { background-position: center -43px; background-color:#000000; }</code></pre> Its quite easy. Please let us know how it went. Thanks, Nick Nick on "Changing the location of Social Media Icons" http://www.kriesi.at/support/topic/changing-the-location-of-social-media-icons#post-112901 Wed, 22 May 2013 09:59:07 +0000 Nick 112901@http://www.kriesi.at/support/ Hi, Make sure there is nothing on line 104. also put two forward slashes on line 149 so it looks like this <pre><code>//if(strpos($headerS,'social_header') !== false && strpos($headerS,'bottom_nav_header') !== false) avia_social_media_icons($social_args);</code></pre> To change the position of the social buttons, change the -2px and 15px in the previous code I gave you till they get to where you want them. Try changing -2px to -22px and see how far the icons move. The mockups are helpful but I need to look at your code to provide you with a solution that gonna work. Thanks, Nick theworldawaits on "Changing the location of Social Media Icons" http://www.kriesi.at/support/topic/changing-the-location-of-social-media-icons#post-112819 Wed, 22 May 2013 03:27:37 +0000 theworldawaits 112819@http://www.kriesi.at/support/ Another solution I would be happy with is this one (I mocked it up in Photoshop). <img src="http://jvd.ca/social2.png" /> This solution is preferred, but I'm okay with either one. I am not very adept at coding. Thanks :) theworldawaits on "Changing the location of Social Media Icons" http://www.kriesi.at/support/topic/changing-the-location-of-social-media-icons#post-112818 Wed, 22 May 2013 03:25:10 +0000 theworldawaits 112818@http://www.kriesi.at/support/ Hey there, I tried what you suggested and it almost worked. There are two problems though. - The icons on the left remain (so I have duplicate social media icons) - The new icons (right aligned) are shifted down too much. Here is a screenshot. <img src="http://jvd.ca/social.png" /> Here is some additional information if it's helpful at all. - I don't need any phone number or 'additional' navigation. - I just want the icons on the left to be aligned to the right. Thanks so much! Jason HammerbyGB on "Adding Instagram Icon to Links" http://www.kriesi.at/support/topic/adding-instagram-icon-to-links#post-112749 Tue, 21 May 2013 20:50:32 +0000 HammerbyGB 112749@http://www.kriesi.at/support/ Hello KaraN2my, AFAIK the icons are a custom font hardcoded into the theme. I want to add a custom icon too but I'd like for support to tell us what would be the best practice to do so. KaraN2my on "Adding Instagram Icon to Links" http://www.kriesi.at/support/topic/adding-instagram-icon-to-links#post-112621 Tue, 21 May 2013 09:42:21 +0000 KaraN2my 112621@http://www.kriesi.at/support/ Hi, I noticed that Instagram is not one of social media accounts that can be featured in the social media mini icon links at the right-hand side of the theme pages. (The ones that stay fixed to the right-hand side of the browser even if you scroll up/down the page). Is it possible to include the Instagram icon to these social media mini icons? How would this be done? Thanks. Nick on "Changing the location of Social Media Icons" http://www.kriesi.at/support/topic/changing-the-location-of-social-media-icons#post-112261 Sun, 19 May 2013 20:46:25 +0000 Nick 112261@http://www.kriesi.at/support/ Hi, Please open up header.php and find line 104 which looks like: <pre><code>if(strpos($headerS,'bottom_nav_header') === false) avia_social_media_icons($social_args);</code></pre> *copy* and then *delete* line 104 and paste that code above that you just deleted on line 113. line 114 looks like the code below, so paste the line before it: <pre><code>$phone = avia_get_option('phone');</code></pre> You should probably delete line 115 or put // in front of it, because there doesnt seem to be room for the phone number now, unless you want to move that block to line 104 (left side) Add this css to you /css/custom.css file or to Quick CSS to position the social buttons <pre><code>#top .main_menu { top: 15px; } .noLightbox.social_bookmarks { top: -2px; display: block; position: relative; }</code></pre> Thanks, Nick 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 tidegeist on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-110066 Thu, 09 May 2013 13:06:05 +0000 tidegeist 110066@http://www.kriesi.at/support/ thanks, that's sorted! Ismael on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-109919 Wed, 08 May 2013 23:30:21 +0000 Ismael 109919@http://www.kriesi.at/support/ Hi, Try to hide the youtube link using <a href="http://tinyurl.com/" rel="nofollow">http://tinyurl.com/</a>. Regards, Ismael tidegeist on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-109889 Wed, 08 May 2013 21:42:52 +0000 tidegeist 109889@http://www.kriesi.at/support/ It didn't like the youtube link. I changed it from youtube.com to co.nz and it worked. tidegeist on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-109734 Wed, 08 May 2013 12:35:06 +0000 tidegeist 109734@http://www.kriesi.at/support/ Thanks, but the youtube link still doesn't work. It says: 'Image cannot be loaded. Make sure the path is correct'. I've checked the youtube url which is fine. Thanks. Dude on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-109635 Wed, 08 May 2013 07:09:58 +0000 Dude 109635@http://www.kriesi.at/support/ Open up sidebar.php and search for: <pre><code>echo " <li class='rss'><a href='".avia_get_option('feedburner',get_bloginfo('rss2_url'))."'>RSS</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Facebook</a></li>"; if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>";</code></pre> Replace this code with: <pre><code>echo " <li class='rss'><a href='http://youtube.com/account'>Youtube</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Facebook</a></li>"; echo "<li class='twitter'><a href='http://myflickr.com'>Flickr</a></li>";</code></pre> Instead of <a href="http://myflickr.com" rel="nofollow">http://myflickr.com</a> insert the url to your flickr account and replace <a href="http://youtube.com/account" rel="nofollow">http://youtube.com/account</a> with your youtube account url. tidegeist on "Social Stuff Icons" http://www.kriesi.at/support/topic/social-stuff-icons#post-109448 Tue, 07 May 2013 09:09:55 +0000 tidegeist 109448@http://www.kriesi.at/support/ Hi, I have successfully replaced the facebook, rss and twitter icons with a new set of icons. facebook is still facebook. rss has a flickr icon. i turned twitter to youtube. I made changes to the soket container but the new links wouldn't wrok. Can you please post the code so the flickr icon links to flickr and the youtube icon to youtube? Thanks in advance! Dude on "Iconbox - Add Icon numbers" http://www.kriesi.at/support/topic/iconbox-add-icon-numbers#post-108106 Wed, 01 May 2013 05:39:20 +0000 Dude 108106@http://www.kriesi.at/support/ Afaik not because fontello.com ( <a href="http://fontello.com/" rel="nofollow">http://fontello.com/</a> ) does not offer a icon set which contains numbers and we use this service for the icon font. However you can suggest the feature here: <a href="http://www.kriesi.at/support/topic/enfold-feature-requests/page/2" rel="nofollow">http://www.kriesi.at/support/topic/enfold-feature-requests/page/2</a> Hanniball on "Iconbox - Add Icon numbers" http://www.kriesi.at/support/topic/iconbox-add-icon-numbers#post-108043 Tue, 30 Apr 2013 18:57:32 +0000 Hanniball 108043@http://www.kriesi.at/support/ Hey there, is there a way to add icons with a number to the already existing ones? I def. need four boxes from 1 - 4 in the title. How can I change / add this? Hanniball Dude on "linking Icons" http://www.kriesi.at/support/topic/linking-icons#post-107912 Tue, 30 Apr 2013 04:54:24 +0000 Dude 107912@http://www.kriesi.at/support/ I'm not sure which icons you mean. If you can edit the html source code directly you can wrap a href element around the icons ( <a href="http://www.w3schools.com/tags/att_a_href.asp" rel="nofollow">http://www.w3schools.com/tags/att_a_href.asp</a> ). If not, you can't make them clickable without the advanced editor. mohitso on "linking Icons" http://www.kriesi.at/support/topic/linking-icons#post-107722 Mon, 29 Apr 2013 02:38:44 +0000 mohitso 107722@http://www.kriesi.at/support/ Is there any way to make the icons clickable without going into the editor? Devin on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-106470 Sun, 21 Apr 2013 18:02:38 +0000 Devin 106470@http://www.kriesi.at/support/ Glad that helps you as well Craig :) Regards, Devin craigstephen on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-106348 Sat, 20 Apr 2013 09:55:02 +0000 craigstephen 106348@http://www.kriesi.at/support/ Your an absolute star Danica, was having the same issue with thumb previews, very hard to see. AMAZING! Craig Dude on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-106211 Fri, 19 Apr 2013 09:12:49 +0000 Dude 106211@http://www.kriesi.at/support/ Hey! Great thanks :) Best regards, Peter hupe-graphics on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-106163 Thu, 18 Apr 2013 21:00:08 +0000 hupe-graphics 106163@http://www.kriesi.at/support/ Hi, because I wanted to have an overview of the available icons and they are really bad to preview using the file explorer (because of the color) I did a contact sheet with all delivered images on a dark background. Klick for bigger version. <a href='http://img22.imageshack.us/img22/6936/iconsreplete.jpg'><img src='http://imageshack.us/scaled/thumb/22/iconsreplete.jpg' /></a> Regards Danica Dude on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-106064 Thu, 18 Apr 2013 10:36:47 +0000 Dude 106064@http://www.kriesi.at/support/ No, but you can use your "file explorer" and the "thumbnail view" to preview all available icons. Open the wp-content\themes\replete\images\icons\iconbox\ folder - it contains all available icons and you can also add new icons to it (just upload/copy them into the folder). Nick on "Large Icons On Page" http://www.kriesi.at/support/topic/large-icons-on-page#post-106020 Thu, 18 Apr 2013 08:03:28 +0000 Nick 106020@http://www.kriesi.at/support/ Hi, Are you referring to this <a href="http://demo.oboxsites.com/dynamo/files/2013/04/ecommerce-ready.png" rel="nofollow">http://demo.oboxsites.com/dynamo/files/2013/04/ecommerce-ready.png</a> ? If you are, then find some icons that are 150x150, and as the icon box instructions indicate "You can add icons to this list by simply uploading new ones to your themes image folder (images/icons/iconbox). They will be displayed here automatically ;)" <pre><code>#top .iconbox_icon { float: none; } #top .iconbox { overflow: hidden; padding-bottom: 10px; text-align: center; } #top .iconbox_content { overflow: hidden; font-size: 1.2em; line-height: 1.4em; position:relative; left:-10px } #top .iconbox .iconbox_content .iconbox_content_title { font-size: 1.9em; }</code></pre> The code above will center everything same way as on that other website. Just make sure you upload the images to the folder in the 150px height and width., Thanks, Nick craigstephen on "List of possible shortcode icons?" http://www.kriesi.at/support/topic/list-of-possible-shortcode-icons#post-105959 Wed, 17 Apr 2013 15:20:36 +0000 craigstephen 105959@http://www.kriesi.at/support/ Where can I find a full list of icons that are usable within my theme? I know of only the ones used in the demo content - iPhone_4.png, Frames.png etc. Do you have a demo page of all icons? Thanks ehong33234 on "Large Icons On Page" http://www.kriesi.at/support/topic/large-icons-on-page#post-105829 Wed, 17 Apr 2013 06:42:21 +0000 ehong33234 105829@http://www.kriesi.at/support/ How can I modify the ICON BOX shortcodes feature in Propulsion so that the icons are much larger and center aligned like in this example: <a href="http://goo.gl/v3pzS" rel="nofollow">http://goo.gl/v3pzS</a> Or is there another plugin you can recommend that does this? Thank you! Devin on "Toggle Icon" http://www.kriesi.at/support/topic/toggle-icon#post-102627 Fri, 22 Mar 2013 12:22:41 +0000 Devin 102627@http://www.kriesi.at/support/ Hi timstrifler, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files: <pre><code>.toggle_icon .vert_icon, .toggle_icon .hor_icon { border-color: #F00; } span.toggle_icon { border-color: #F00; }</code></pre> Edit the color codes as needed. Regards, Devin timstrifler on "Toggle Icon" http://www.kriesi.at/support/topic/toggle-icon#post-102461 Thu, 21 Mar 2013 16:34:02 +0000 timstrifler 102461@http://www.kriesi.at/support/ I would love to make the toggle icons (+,-) a different color without changing the color of all the borders. Any suggestions? Nick on "Add custom social media icons in Eunoia" http://www.kriesi.at/support/topic/add-custom-social-media-icons-in-eunoia#post-100837 Tue, 12 Mar 2013 13:48:15 +0000 Nick 100837@http://www.kriesi.at/support/ Hi, You could either edit the /includes/helper-social-media.php and rewrite portions of it... or you can install a plugin such as <a href="http://wordpress.org/extend/plugins/slick-social-share-buttons/" rel="nofollow">http://wordpress.org/extend/plugins/slick-social-share-buttons/</a> and create a shortcode for the social media service you want and add it to the theme header. Thanks, Nick krystobal on "Add custom social media icons in Eunoia" http://www.kriesi.at/support/topic/add-custom-social-media-icons-in-eunoia#post-100567 Mon, 11 Mar 2013 12:27:07 +0000 krystobal 100567@http://www.kriesi.at/support/ Greetings! I searched for a previous thread talking about this matter and I found this one for Angular: <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> I might be mistaken but the method seems to be different for Eunoia though. Could you give me some pointers on how to achieve that? Thank you in advance for your help!