http://www.kriesi.at/support/tags/icon-box Support Forum - Tag: icon box - Recent Posts en-US Sun, 19 May 2013 17:38:34 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/create-icon-list-or-icon-box-with-only-a-heading#post-111770 Fri, 17 May 2013 00:29:05 +0000 Ismael 111770@http://www.kriesi.at/support/ <p>Hi,</p> <p>Instead of pressing the space bar try adding this code  <code>&amp;nbsp;</code></p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/create-icon-list-or-icon-box-with-only-a-heading#post-111556 Thu, 16 May 2013 04:26:24 +0000 radisafi 111556@http://www.kriesi.at/support/ <p>I'd like to create Icon Lists and Icon Boxes without the content text and only a heading. I've tried to do this by pressing spacebar in the content box of the Icon List, but I find that strangely cuts off the bottom of the heading. I've also tried to do this by pressing spacebar in the content box of the Icon Box, but that only works until I update the page again. Once I've updated the page it reverts to the original text in the content box.</p> <p>Here is a page with both the issues I mentioned: <a href="http://iybi.contipropertygroup.com.au/?page_id=128" rel="nofollow">http://iybi.contipropertygroup.com.au/?page_id=128</a> (Just below the text 'independently verified'</p> <p>Thanks </p> http://www.kriesi.at/support/topic/alignment-issue-in-icon-box#post-106366 Sat, 20 Apr 2013 14:57:36 +0000 Devin 106366@http://www.kriesi.at/support/ <p>Hi goradiate,</p> <p>Yes that is the correct behavior. It doesn't allow for alignment change withing modifying the css for the icon boxes.</p> <p>So you would need to add 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:<br /> <pre><code>.iconbox_top { text-align: center; }</code></pre> <p>Which would change it everywhere. So if you wanted it to be on a specific page, it would further need to be changed via css.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/alignment-issue-in-icon-box#post-106140 Thu, 18 Apr 2013 16:42:42 +0000 goradiate 106140@http://www.kriesi.at/support/ <p>Hello, great theme.<br /> I am working up a test site and I have four icon boxes with text on the one page(half width columns). I am unable to align the text left in the boxes, it will only stay centre aligned no matter what I do in the text editor. Can you help please? Thanks, Melissa </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92763 Tue, 22 Jan 2013 05:09:41 +0000 Ismael 92763@http://www.kriesi.at/support/ <p>Hi FefoRipa,</p> <p>Glad that its fixed. :)</p> <p>Cheers,<br /> Ismael </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92707 Mon, 21 Jan 2013 20:31:55 +0000 FefoRipa 92707@http://www.kriesi.at/support/ <p>Resolved with the installation of a new plugin (easy social links). Thank you for the help! </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92699 Mon, 21 Jan 2013 20:15:40 +0000 FefoRipa 92699@http://www.kriesi.at/support/ <p>I actually use social accounts (<a href="http://wordpress.org/extend/plugins/social-accounts/" rel="nofollow">http://wordpress.org/extend/plugins/social-accounts/</a>) but the problem was the same with a previous one (social web links <a href="http://wordpress.org/extend/plugins/social-web-links/)" rel="nofollow">http://wordpress.org/extend/plugins/social-web-links/)</a>. I can re-activate the plugin if the picture attached isn't sufficient to make more clear the problem. My site is at <a href="http://www.fondazionemercantini.it" rel="nofollow">http://www.fondazionemercantini.it</a>. In the footer the plugin shows icon in the correct way. </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92690 Mon, 21 Jan 2013 19:52:14 +0000 Ismael 92690@http://www.kriesi.at/support/ <p>Hi,</p> <p>What social plugins did you use? It would be better if you can give us a link to your website so that we can check it out. Choices come with its own social media icons and it might be interfering with your plugins.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92656 Mon, 21 Jan 2013 17:34:05 +0000 FefoRipa 92656@http://www.kriesi.at/support/ <p>well, no idea? </p> http://www.kriesi.at/support/topic/social-icons-third-part-plugins-show-giant-icon-inside-the-icon-box#post-92579 Mon, 21 Jan 2013 09:48:38 +0000 FefoRipa 92579@http://www.kriesi.at/support/ <p>Hi everyone, i've this problem with every social icon plugin i've tried so far. Even if I set at 32px the height/width of the icons in the settings page of the plugins, the result is that one in the pic i attach. And the creators of all the plugins said me that the problem is related to the theme style and not connected with plugins. Please, i'm desperate, HELP ME!<br /> <a href="https://dl.dropbox.com/u/11650002/giant%20social%20icons.png" rel="nofollow">https://dl.dropbox.com/u/11650002/giant%20social%20icons.png</a> </p> http://www.kriesi.at/support/topic/change-circle-color-of-an-icon-box#post-92519 Sun, 20 Jan 2013 21:57:11 +0000 Ismael 92519@http://www.kriesi.at/support/ <p>Hi,</p> <p>For your third question, you can use this</p> <pre><code>.container_wrap.main_color.light_bg_color { border: none !important; }</code></pre> <p>For number your number one question, changing the color of the icon box, use this</p> <pre><code>.iconbox_icon { background-color: red !important; }</code></pre> <p>Please remove browser history/cache then reload the page to see the changes.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-circle-color-of-an-icon-box#post-92475 Sun, 20 Jan 2013 11:10:18 +0000 rfarthofer 92475@http://www.kriesi.at/support/ <p>Hello? Someone in here? </p> http://www.kriesi.at/support/topic/change-circle-color-of-an-icon-box#post-92441 Sat, 19 Jan 2013 21:49:00 +0000 rfarthofer 92441@http://www.kriesi.at/support/ <p>1.) Sorry ... your code is not working!<br /> 2.) Perfect! Thank you ;-))<br /> 3.) The thin red line on top of the picture @ <a href="http://www.robertfarthofer.com/Red_Line.jpg" rel="nofollow">http://www.robertfarthofer.com/Red_Line.jpg</a> </p> http://www.kriesi.at/support/topic/change-circle-color-of-an-icon-box#post-92387 Sat, 19 Jan 2013 08:08:45 +0000 Dude 92387@http://www.kriesi.at/support/ <p>1) Add following code to css/custom.css and change the color values:</p> <pre><code>.main_color .iconbox_icon, .main_color .iconbox_top_icon { background-color: #f05a1a !important; color: #ffffff !important; border-color: #f05a1a !important; }</code></pre> <p>2) Use following css code and adjust the font size value:</p> <pre><code>.ajax_form fieldset h3{ font-size: 30px !important; }</code></pre> <p>3) Can you post a link to a website please? I'm not sure which lines you want to change. </p> http://www.kriesi.at/support/topic/change-circle-color-of-an-icon-box#post-92349 Sat, 19 Jan 2013 01:46:42 +0000 rfarthofer 92349@http://www.kriesi.at/support/ <p>sorry for my bad english!</p> <p>1.) how can i change the color of an iconbox circle?<br /> 2.) how can i decrease the text size of the contact page "send us mail"?<br /> 3.) how can i eliminate the gap between top and the thin colored line? </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87429 Mon, 10 Dec 2012 17:50:27 +0000 Devin 87429@http://www.kriesi.at/support/ <p>Glad Ismael could help :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87419 Mon, 10 Dec 2012 17:37:14 +0000 78Firebird 87419@http://www.kriesi.at/support/ <p>Thanks. I grabbed the template file and looked at the code as well. I am all set. </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87292 Mon, 10 Dec 2012 02:17:21 +0000 Ismael 87292@http://www.kriesi.at/support/ <p>Hi 78Firebird,</p> <p>I have generated this code using 4 columns and the iconbox shortcode:<br /> <pre><code>[one_third first][iconbox title=&quot;Item 1&quot; icon=&quot;Android.png&quot;]Select one of the icons.[/iconbox][/one_third] [one_third][iconbox title=&quot;Item 1&quot; icon=&quot;Android.png&quot;]Select one of the icons.[/iconbox][/one_third] [one_third][iconbox title=&quot;Item 1&quot; icon=&quot;Android.png&quot;]Select one of the icons.[/iconbox][/one_third]</code></pre> <p>And I don't have a problem with it, you can compare it with the ones generated in your shortcode, just don't pay attention on the differences in our text. There's no need for last suffix but I think the first one_first on your shortcode should look like this<br /> <code>[one_third first]</code><br /> Hope this fixes the issue. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87263 Sun, 09 Dec 2012 20:34:09 +0000 78Firebird 87263@http://www.kriesi.at/support/ <p>Thanks. I combined column shortcode and iconbox shortcode with ease. My third column is not working, however. Are you supposed to identify it with a "last" suffix? I tried it with and without an underscore. Also, there is a weird comment "Sorry, no posts matched your criteria" that I am trying to get rid off. Last question. How do I remove the header-breadcrumb bar and text from each page?</p> <p><a href="http://www.lapersonasalon.com/services/" rel="nofollow">http://www.lapersonasalon.com/services/</a> </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87249 Sun, 09 Dec 2012 18:55:12 +0000 Ismael 87249@http://www.kriesi.at/support/ <p>Hi 78Firebird,</p> <p>The iconbox would most likely look like the second link. You can see in the demo site: <a href="http://www.kriesi.at/themes/choices/" rel="nofollow">http://www.kriesi.at/themes/choices/</a><br /> The BUILD YOUR OWN SKINS, MOBILE OPTIMIZED, PREMIUM SUPPORT is using iconbox and columns shortcode (3 columns)</p> <p>And in here: <a href="http://www.kriesi.at/themes/choices/template-files/shortcodes/" rel="nofollow">http://www.kriesi.at/themes/choices/template-files/shortcodes/</a> you can check the icon boxes (in 2 columns). It's just a matter of combining the column shortcode and the iconbox shortcode. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87241 Sun, 09 Dec 2012 18:29:29 +0000 78Firebird 87241@http://www.kriesi.at/support/ <p>thanks for the quick response. </p> <p>Are the icon boxes done with tables like this website - <a href="http://danielswymore.com/our-professionals/" rel="nofollow">http://danielswymore.com/our-professionals/</a><br /> I also looked at this one which is using a portfolio setup: <a href="http://test.emoshun.com/products/" rel="nofollow">http://test.emoshun.com/products/</a> </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87239 Sun, 09 Dec 2012 18:19:29 +0000 Ismael 87239@http://www.kriesi.at/support/ <p>Hi 78Firebird,</p> <p>I believe you meant: <a href="http://www.lapersonasalon.com/services" rel="nofollow">http://www.lapersonasalon.com/services</a></p> <p>You can use the icon boxes, I think it looks better using it. You don't have to worry about how the shortcodes will appear on mobile devices as Kriesi has made this a responsive theme and the shortcode's design is also responsive. In larger screens, you will see the 4 columns lining up horizontally, but on mobile browser, it will appear as 4 rows lining up which I think is appropriate on the mobile device. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/portfolio-box-or-icon-box-for-service-categories#post-87227 Sun, 09 Dec 2012 17:31:49 +0000 78Firebird 87227@http://www.kriesi.at/support/ <p>I am building a salon website that will feature 4 service types on the services page. I have basic HTML knowledge.<br /> Should I use "Portfolio" or "icon boxes" for the 4 services? I like the graphics of using 4 icon boxes (in 4 columns) to represent hair, body, nails, and color on the services page rather than straight text. How does this impact mobile design?</p> <p>I also want to use the four icons on the home page beneath the main slider in a simple text box in four columns.</p> <p><a href="http://www.lapersonasalon.com/services.html" rel="nofollow">http://www.lapersonasalon.com/services.html</a> </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-74175 Mon, 03 Sep 2012 15:28:42 +0000 Nick 74175@http://www.kriesi.at/support/ <p>Hi,</p> <p>Glad that Devin helped you win.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-73804 Fri, 31 Aug 2012 13:32:48 +0000 PROOY 73804@http://www.kriesi.at/support/ <p>Ok, I understand. I'll contact you guys as soon as I get the page online!</p> <p>Thanks for helping out! </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-73504 Wed, 29 Aug 2012 16:04:15 +0000 Devin 73504@http://www.kriesi.at/support/ <p>Can we take a look at your contact page and if you are using the icons on a different page that page as well. We'll need to inspect the css and see whats going on live :)</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-73202 Tue, 28 Aug 2012 07:27:57 +0000 PROOY 73202@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>Thank you for your answer! </p> <p>#1 The html code worked great. However for some reason there is a large space left after the icon, which separates the icon from the phone number or e-mail address i try to insert on the same row. Using the alignment tabs did not help either. Is there a way of removing the space?</p> <p>#2 I'm sorry, I was not really clear with my question. There were no problems with embedding the map, and the iframe code worked as well. However, I am not able to stretch the map over the whole content area. Even though the page is in fullsize mode, some white (of course depending on the color settings) area is left on both sides of the map and it stretches only as far as the text area goes. I was wondering if there is any way of expanding the map over this area, so that it would be as wide as the content box itself.</p> <p>Regards,</p> <p>PROOY </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-73080 Mon, 27 Aug 2012 18:07:44 +0000 Devin 73080@http://www.kriesi.at/support/ <p>Hi PROOY,</p> <p>For #1, it'll be easiest to just use HTML to insert the icon you want with the correct class name which will give you the background color set by your theme choices. For example:<br /> <code>&lt;span class=&quot;iconbox_icon&quot;&gt;&lt;img src=&quot;http://yoursite.com/wp-content/themes/eunoia/images/icons/iconbox/Abacus.png&quot; alt=&quot;&quot;&gt;&lt;/span&gt;</code></p> <p>As long as you know the name of the icon, you can just reference in the URL (Abucus.png in this example). Make sure to replace yoursite.com with YOUR site and put that html into the HTML tab of your visual editor.</p> <p>Make sure that in the Layout box on the lower right hand side of your Contact page editor you have selected Fullsize so that you don't have a sidebar. That way the map and expand to the entire width of your content area. </p> <p>Additionally, I believe you can add in the google maps iframe into the featured media area by adding the iframe code into the "Add Video or Iframe by URL" field after pressing that button.</p> <p>Regards,</p> <p>Devin</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/the-use-of-icon-box-icons-without-the-box#post-72676 Fri, 24 Aug 2012 11:27:47 +0000 PROOY 72676@http://www.kriesi.at/support/ <p>Hi, and thank you for an amazing theme! </p> <p>Question #1</p> <p>I am right now putting together the team site for our page and was wondering if there is a way of using the icons that are available when generating the icon boxes, without actually adding the boxes. I am able to link the icon from the folder, but in this case the icon is barely visible, since there is no colored ball around it. I was planning to use the icons next to telephone numbers and e-mail addresses beneath each team member. Hopefully I explained the situation clearly enough. </p> <p>Of course I would be able to edit the icons myself, but I was wondering if there would be an easier way.</p> <p>Question #2 </p> <p>I have embedded a google map on to the contact page. However I am not able to get the map to stretch all across the content area. Is there a way of getting the map to stretch all over the area?</p> <p>All the best!</p> <p>PROOOY </p> http://www.kriesi.at/support/topic/create-blank-icon-box#post-64821 Tue, 10 Jul 2012 19:37:27 +0000 Mya 64821@http://www.kriesi.at/support/ <p>Glad the above worked. We'll pass your suggestions along.</p> <p>Regards,<br /> Mya </p>