http://www.kriesi.at/support/topic/center-alignment-for-icon-box Support Forum - Topic: Center Alignment for Icon Box? en-US Sat, 18 May 2013 10:54:20 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-53568 Thu, 26 Apr 2012 18:54:53 +0000 Mya 53568@http://www.kriesi.at/support/ <p>Great! Glad Devin and Ismael were able to help!</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-53566 Thu, 26 Apr 2012 18:44:33 +0000 commonmodel 53566@http://www.kriesi.at/support/ <p>Devin and Ismael,</p> <p>You've done it! This code will do just fine. I have updated the site and it looks pretty good! Thank you so much for your help. I really appreciate it!</p> <p>Great theme, Great support! Issue: RESOLVED.</p> <p>Best wishes,</p> <p><a href="http://CommonModel.com" rel="nofollow">http://CommonModel.com</a> </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-53547 Thu, 26 Apr 2012 17:11:15 +0000 Devin 53547@http://www.kriesi.at/support/ <p>Hi commonmodel,</p> <p>Site looks great! You are correct in where to put it but lets take the css Ismael provided and push it a bit further :)</p> <pre><code>.iconbox_icon { float: left; padding: 8px 5px 0 0; width: 100px; } .iconbox_icon img { margin-left: auto !important; margin-right: auto !important; }</code></pre> <p>If it messes with icons in a way you don't like on other pages, we can have it target only specific ones if you'd like.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-53216 Wed, 25 Apr 2012 04:38:33 +0000 commonmodel 53216@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>I plugged this into the Theme Options &gt; Styling &gt; Quick CSS and saved the changes, but it did not do anything. Is this what you mean by custom.css? If not, how do I access my custom.css? Do I need the Custom CSS upgrade for Wordpress?</p> <p>Thanks for dealing with me and my n00b self. </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-53203 Wed, 25 Apr 2012 03:53:43 +0000 Ismael 53203@http://www.kriesi.at/support/ <p>Hello,</p> <p>Nice work on customizing the theme. :)</p> <p>You can drop this line on your custom.css</p> <pre><code>.iconbox_icon { float: left; padding: 8px 5px 0 0; width: 100px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-52939 Mon, 23 Apr 2012 19:08:28 +0000 commonmodel 52939@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>My apologies on the filedropper links; I am not familiar with a better file hosting site (or how to do that with my own hosting). My site is live now, so feel free to check it out! <a href="http://CommonModel.com" rel="nofollow">http://CommonModel.com</a></p> <p>The two pages that I would like to use a center alignment within icon box columns are <a href="http://CommonModel.com/brand/" rel="nofollow">http://CommonModel.com/brand/</a> and <a href="http://CommonModel.com/contact/" rel="nofollow">http://CommonModel.com/contact/</a></p> <p>I am new to css development, so any tips you could give regarding your suggestion to "add a css style for the individual elements" would be much appreciated.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-52898 Mon, 23 Apr 2012 15:02:39 +0000 Devin 52898@http://www.kriesi.at/support/ <p>Hi commonmodel,</p> <p>Both links just go to the filedropper home page.</p> <p>If you'd like you can send me login credentials so that I can see the site live at: DevinVinson (at) gmail.com. Make sure to include a link to this topic or my spam filter will put it into my junk folder.</p> <p>Otherwise, what you'll need to do, is add a css style for the individual elements to align them as you'd like. Even then, it may not be possible to center them perfectly, but you can fake it with margins or padding.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-52490 Fri, 20 Apr 2012 05:31:57 +0000 commonmodel 52490@http://www.kriesi.at/support/ <p>The website is actually in Maintenance Mode right now, so I am afraid you would not be able to see it. Here are some screenshots to describe what I would like to do:</p> <p>2 Column Layout using 2 Icon Boxes (see red lines on page 2):<br /> <a href="http://www.filedropper.com/2columnusing2iconboxes" rel="nofollow">http://www.filedropper.com/2columnusing2iconboxes</a></p> <p>3 Column Layout using 3 Icon Boxes (see red lines on page 2):<br /> <a href="http://www.filedropper.com/3columnpostusing3iconboxes" rel="nofollow">http://www.filedropper.com/3columnpostusing3iconboxes</a></p> <p>Thank you </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-51875 Mon, 16 Apr 2012 19:10:41 +0000 Devin 51875@http://www.kriesi.at/support/ <p>Hi commonmodel,</p> <p>Can you provide a link to the page you are trying to get the effect on? You aren't able to apply visual editor effects to shortcode alone, you'll need to apply css to the elements after they are created.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/center-alignment-for-icon-box#post-51554 Fri, 13 Apr 2012 16:51:40 +0000 commonmodel 51554@http://www.kriesi.at/support/ <p>Hello,</p> <p>I am using Flashlight and it is a GREAT theme. I am having a problem aligning icon boxes to the center of the screen (horizontally). No mater what justification I use in the 'Visual' text editor (left, center, right) the icon box always appears with left justification.</p> <p>Ideally I would like to align the icon box to the center of 2-column entries (i.e. center of each column, horizontally). Any solutions or work-arounds?</p> <p>Thank you so much. </p>