Support Forum - Tag: remove social icons

Support Forum - Tag: remove social icons - Recent Posts http://www.kriesi.at/support/tags/remove-social-icons Support Forum - Tag: remove social icons - Recent Posts en-US Sun, 26 May 2013 04:51:12 +0000 http://bbpress.org/?v=1.0.2 <![CDATA[Search]]> q http://www.kriesi.at/support/search.php Kriesi on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95258 Tue, 05 Feb 2013 14:11:15 +0000 Kriesi 95258@http://www.kriesi.at/support/ Hey! Great, glad we could help! if you have any more questions feel free to open up a new thread ;) Regards, Kriesi superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95248 Tue, 05 Feb 2013 13:25:44 +0000 superfoods 95248@http://www.kriesi.at/support/ Thanks Devin, works fine! Devin on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-95080 Mon, 04 Feb 2013 18:00:59 +0000 Devin 95080@http://www.kriesi.at/support/ Hi Anita, You can force the opacity for that single class with: <pre><code>.keurmerk a { opacity: 1 !important; }</code></pre> The opacity is set on the entire social links ul so it has to be re-set with the individual link class. There should be no reason you have to put your items in the minimal skin css file. The custom.css file is loaded after all others so so it should take priority. Just make sure you are giving the page a few hard refreshes and if you have any caching plugins, re-fresh their cash as well. Regards, Devin superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94971 Mon, 04 Feb 2013 11:52:44 +0000 superfoods 94971@http://www.kriesi.at/support/ Thanks Ismael, it works. Only everything that i put in custom css or quick css won't work. I have to write it down in minimal-skin... The image webshop keurmerk must not be transparent: wat is wrong with this code: .social_bookmarks .keurmerk a{background: url(../images/skin-minimal/webshop_keurmerk.png) 0 0 no-repeat;} The tranparent code is gone compared to the other social icons, but it is still tranparent... Thanks for your time! Kind regards, Anita Ismael on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94603 Sat, 02 Feb 2013 01:31:04 +0000 Ismael 94603@http://www.kriesi.at/support/ Hi superfoods, @superfoods: You can add this on your custom.css <pre><code>.keurmerk a { width: 150px; height: 60px; } .keurmerk { position: absolute; left: -135px; top: 0; }</code></pre> I'm not sure if you can fit it below the searchbar. Try to experiment on the left and top position. Regards, Ismael superfoods on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94518 Fri, 01 Feb 2013 14:58:46 +0000 superfoods 94518@http://www.kriesi.at/support/ Hi, I have the same problem. I would like to put the image: webshop keurmerk next to the rss feed. I tried everything, but the image will constantly go beneath the logo or search form. You can see it here: <a href="http://www.superfoodkitchen.nl" rel="nofollow">http://www.superfoodkitchen.nl</a> Thank you for your time! Kind regards, Anita schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94457 Fri, 01 Feb 2013 07:16:15 +0000 schaferu 94457@http://www.kriesi.at/support/ thanks Devin, how do i get my URL to you in private please? Devin on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94327 Thu, 31 Jan 2013 15:04:17 +0000 Devin 94327@http://www.kriesi.at/support/ Hi schaferu, We would need to see the site live to inspect what you have now for #1. For #2, your link needs to be formatted like this: <code><a href="http://yourlink.com"><img style="float:right;" src="my-image.jpg" alt="" title="" /></a></code> See: <a href="http://www.w3schools.com/tags/att_a_href.asp" rel="nofollow">http://www.w3schools.com/tags/att_a_href.asp</a> Regards, Devin schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94165 Wed, 30 Jan 2013 15:36:36 +0000 schaferu 94165@http://www.kriesi.at/support/ Thanks for that.. Image shows now. Couple more questions please: 1. It increased the header size to over 300 (image height is 180) and slipped basically to a line below the left logo (still on right side though) 2. How can I make it linkable.. I added href...to the above code, but it doesn't link thanks Dude on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94098 Wed, 30 Jan 2013 06:48:52 +0000 Dude 94098@http://www.kriesi.at/support/ In header.php replace following code: <pre><code>get_search_form(); ?> <ul class="social_bookmarks"> <?php do_action('avia_add_social_icon','header'); ?> <li class='rss'><a href="<?php bloginfo('rss2_url'); ?>">RSS</a></li> <?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a></li>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a></li>"; ?> </ul> </code></pre> with: <pre><code>?> <img style="float:right;" src="my-image.jpg" alt="" title="" /></code></pre> Obviously you need to insert the image url, the alt and title tag data. Maybe some style adjustments are required but this depends on the image size, etc. schaferu on "Replace Abundance Header Search Bar and Social Icons with an image" http://www.kriesi.at/support/topic/replace-abundance-header-search-bar-and-social-icons-with-an-image#post-94086 Wed, 30 Jan 2013 04:34:53 +0000 schaferu 94086@http://www.kriesi.at/support/ morning team I read some other posts on editing "header.php" but my efforts did not work. where exactly do I have to place this code to replace both the search field and the social icons please? echo "<div class='header_meta'>"; <a href="http://image_link_to_page_name_here"><img alt="IMAGE NAME" src="http://image_location-here.jpg" /></a> echo "</div>"; Here is my header.php file section: /* * display the theme search form * the tempalte file that is called is searchform.php in case you want to edit it */ get_search_form(); ?> <ul class="social_bookmarks"> <?php do_action('avia_add_social_icon','header'); ?> <li class='rss'><a>">RSS</a> <?php if($twitter = avia_get_option('twitter')) echo "<li class='twitter'><a href='http://twitter.com/".$twitter."'>Twitter</a>"; if($facebook = avia_get_option('facebook')) echo "<li class='facebook'><a href='".$facebook."'>Twitter</a>"; ?>  thanks people U Ismael on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92538 Mon, 21 Jan 2013 05:12:36 +0000 Ismael 92538@http://www.kriesi.at/support/ Hi Nomar, Glad that you've fixed it. Cheers, Ismael Nomar on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92537 Mon, 21 Jan 2013 05:06:10 +0000 Nomar 92537@http://www.kriesi.at/support/ Thanks Dude, I tried that before, but didn't work. setting the bg rgba works fine. Thanks though, Nomar Dude on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92460 Sun, 20 Jan 2013 07:57:59 +0000 Dude 92460@http://www.kriesi.at/support/ Hey! You can also use: <pre><code>background: transparent none;</code></pre> Regards, Peter Nomar on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92452 Sun, 20 Jan 2013 04:14:36 +0000 Nomar 92452@http://www.kriesi.at/support/ Hey, I just found a way to "remove" the background; it may not be the correct one, but it worked. I added: <code>background: rgba(0, 0, 0, 0);</code> and it hid it. ;o) Nomar Nomar on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92450 Sun, 20 Jan 2013 01:20:58 +0000 Nomar 92450@http://www.kriesi.at/support/ Hi Devin, Thanks for the suggestion, but nope, it didn't work either. :o( I use the line separation ( ____________ ) to visually separate the pieces of code I add to the Quick CCS. I tried using /*________________*/, and also taking it all out, but it made no difference whatsoever. Well, I guess I'll try changing the name of the icons so they are not found. Maybe... Thanks anyway. Take care, Nomar Devin on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92315 Fri, 18 Jan 2013 19:51:58 +0000 Devin 92315@http://www.kriesi.at/support/ For 2 and 3, that is the only css that I can see working. Try removing the " ___ " you have separating your css. You shouldn't use anything like that in css files and it may be preventing the css from properly rendering. If you want to add comments, use: <code>/* Your comment or line here */</code> Regards, Devin Nomar on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92183 Fri, 18 Jan 2013 02:02:28 +0000 Nomar 92183@http://www.kriesi.at/support/ Hey Devin, Thanks for the codes. Unfortunately, number 2 and 3 didn't work at all. You can barely see the icons, but if you hover over that place, the "hand" shows up. For the contact form, I also tried both "page-id-65" and 67, and "background-color: none" (just in case), but nothing... Regarding the main menu, yes; the code worked (sort of)... This is what happened: 1. Setting a smaller margin works fine; it held it in one line to the right of the logo. ;o) 2. However, when testing it in my tablets (ipad and Android) and in my iphone, the menu drops way down from the logo. I tried reducing the distance from the top (you set it at 103px), and the it works fine, but of course it goes up to the top again. Is there another way to align it with the logo at the bottom? Thanks, and take care, Nomar Devin on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-92121 Thu, 17 Jan 2013 20:43:27 +0000 Devin 92121@http://www.kriesi.at/support/ Hi Nomar, 1) The margins for each item needs to be less if you want the whole menu to fit to the right of the logo. It looks a bit tight but this will do it: <pre><code>#top .main_menu ul:first-child > li > a { margin-left: 18px; } #top .main_menu { top: 103px; }</code></pre> 2) This should do it: <pre><code>#top .title_container .social_bookmarks { display: none; }</code></pre> 3) Not sure if there is another page, but use: <pre><code>#top.page-id-67 .post-entry fieldset { background-color: transparent; }</code></pre> That would be for the "contact-us" page Regards, Devin Nomar on "On main menu, social icons and contact form background" http://www.kriesi.at/support/topic/on-main-menu-social-icons-and-contact-form-background#post-91953 Wed, 16 Jan 2013 23:45:38 +0000 Nomar 91953@http://www.kriesi.at/support/ Hi guys, Hope you all are doing great. There are a few things I need to modify and cannot make them happen. I’ve been looking at the layout.css code, and placing the modifications in the “Quick CSS” of the theme, but I can’t figure out what it is I’m missing. This is the link to the site: <a href="http://9starssm.com/9S-BBC" rel="nofollow">http://9starssm.com/9S-BBC</a>, and here the issues: 1. When seeing the site in a desktop, I want the main menu to remain at the right of the page (it is set: "float: right;”), and stay aligned with the bottom of the logo, but it either aligns to the top, or goes under the logo depending on the font I use (either the ones included in the theme or those in the Google fonts plugin). 2. I need to remove the social icons on the right of the page title. I’ve tried this: .social_bookmarks li.rss{ display: none; } But they remain there (I want to remove both rss and Twitter). 3. I need to remove the background square behind the contact form. I’m using #top.page-id-65 fieldset { background: none !important; } But nothing; the background remains there. When looking for the page ID, using Firebug, I see this: “page page-id-67 page-child parent-pageid-65”; I’ve tried both 67 and 65, but it doesn’t work. Thanks before hand for your help, as always. Take care, Nomar Dude on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-47525 Wed, 21 Mar 2012 19:16:55 +0000 Dude 47525@http://www.kriesi.at/support/ Hi! I set the status to resolved. Regards, Peter Vincent on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-47408 Wed, 21 Mar 2012 13:48:16 +0000 Vincent 47408@http://www.kriesi.at/support/ Thanks for that. But honestly I am going to leave it jsut as it is now. It seems like a redundant pain in the rear to remove the social icons, and replace them (In the hope that the replacements can hook in). Maybe in a later update there could be a improvement to allow easier handling of the social media profiles and chocies to add them there. Kriesi on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-47282 Tue, 20 Mar 2012 22:27:20 +0000 Kriesi 47282@http://www.kriesi.at/support/ Guess you guys are talking about different social icons :) The ones that chris meant are located in the header. the ones bellow the blog post can be simply removed with this css rule: <pre> #social_icons{display:none;} </pre> to make the name of the author appear change the css in style.css line 1256 to: <pre> #top #author-box .gravatar { width: 70px; height: 106px; float: left; text-align: center; padding: 0 30px 0 0; } </pre> Vincent on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-46831 Sun, 18 Mar 2012 08:36:14 +0000 Vincent 46831@http://www.kriesi.at/support/ Hi Chris, An example page is here: <a href="http://www.viewpointsandreviews.com/edge-restaurant-review/" rel="nofollow">http://www.viewpointsandreviews.com/edge-restaurant-review/</a> also note that the authors signature name is pushed down and hidden which it is not supposed to be. I have remo0ved the following code block: <ul class="social_bookmarks"> <?php if(isset($k_option['general']['contact_link']) && $k_option['general']['contact_link'] != '') { $contact_link = get_page_link($k_option['general']['contact_link']); echo "<li class='email'><a href='".$contact_link."'>E-mail</a> "; } ?> <li class='rss'><a>">RSS</a> <?php if(isset($k_option['general']['acc_tw']) && $k_option['general']['acc_tw'] != '') echo "<li class='twitter'><a>Twitter</a>"; ?>    I also cleared cache Firefox. Chris Beard on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-46787 Sun, 18 Mar 2012 05:05:17 +0000 Chris Beard 46787@http://www.kriesi.at/support/ Hi! Have you refreshed your browser cache after removing the lines? If you have and it didn't work, can you link us to your site so we can check on it? Regards, Chris Vincent on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-46432 Thu, 15 Mar 2012 11:54:24 +0000 Vincent 46432@http://www.kriesi.at/support/ Thanks Devin, that did not seem to work for me. Eeen when removing the code betweens the lines. Thanks Vincent Devin on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-46095 Tue, 13 Mar 2012 22:02:37 +0000 Devin 46095@http://www.kriesi.at/support/ Hi Vincent, You can remove the current icons by opening up the header.php file and searching for <code><ul class="social_bookmarks"></code> The following lines display the icons when the page is loaded (up to the  line). If you find a plugin that allows you to add its own hook to your theme files, that is where you would put it. Then modify the css so that it fits with your needs and all done. Vincent on "Remove & Replace Social Icons" http://www.kriesi.at/support/topic/remove-replace-social-icons#post-45835 Mon, 12 Mar 2012 11:18:34 +0000 Vincent 45835@http://www.kriesi.at/support/ Hi, I noticed the social icons are coded itno the theme. Is there a way of removing them and changing them for different networks? I would use a plugin of my choice in exactly the same area so that I have the control of it?