http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets Support Forum - Topic: Change spacing/padding between sidebar widgets? en-US Mon, 20 May 2013 04:57:23 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65902 Mon, 16 Jul 2012 17:10:24 +0000 Mya 65902@http://www.kriesi.at/support/ <p>Thanks for helping out rumblefish!</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65893 Mon, 16 Jul 2012 16:57:19 +0000 rumblefish 65893@http://www.kriesi.at/support/ <p>When I scanned your widget code with firebug, it only showed css styling commands from inside some plugin css. I thought those were conflicting with what you were doing, but since you took out the commands anyway, it wasn't the case.</p> <p>The easiest way to edit the custom.css file is to connect to your server with an ftp program and download the file. Change it with a text editor and then upload it again to replace the original one.</p> <p>Glad you got it working anyway :O) </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65852 Mon, 16 Jul 2012 13:22:10 +0000 Ismael 65852@http://www.kriesi.at/support/ <p>Hi demozeno,</p> <p>You could just have the styles/codes removed in custom.css instead of deleting the file. Anyways, glad that you have fixed it. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65845 Mon, 16 Jul 2012 13:05:11 +0000 demozeno 65845@http://www.kriesi.at/support/ <p>HI and thanks for the advice.</p> <p>After the code failed to work I deleted it from the custom.css file, which is why you couldn't find it. Still, this is the first time I've tried to customise css in the custom.css file - previously I've made all my css changes in the quick css editor - so I have no idea what you mean when you describe 'a load of css commands inside some odd plugins', or how this happened. Is this something I need to rectify - and how do I do this?</p> <p>However, the good news is that I tried a negative spacing value - of -32px - and this works perfectly! I put the code in the css quick edit section. </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65626 Sun, 15 Jul 2012 06:14:36 +0000 Ismael 65626@http://www.kriesi.at/support/ <p>Hi,</p> <p>@rumblefish: thanks for helping again. :)<br /> @demozeno: kindly follow rumblefish's instructions. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65608 Sat, 14 Jul 2012 20:31:20 +0000 rumblefish 65608@http://www.kriesi.at/support/ <p>I don't see the code in your custom.css file. All I see is a load of css commands inside some odd plugins. Are you sure you uploaded the new custom.css file correctly into your theme files? If you change it using a control panel, remember to save the altered file.</p> <p>If you have conflicting css priorities because of the plugins, you might want to try putting something like:</p> <p>.sidebar .widget {<br /> margin-bottom: 50px !important;<br /> }</p> <p>so that the new command has priority.</p> <p>You can use negative spacing values too if you really want to close up the spacing, ie -20px </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65591 Sat, 14 Jul 2012 14:21:45 +0000 demozeno 65591@http://www.kriesi.at/support/ <p>I inserted the following code:</p> <p>.sidebar .widget {<br /> margin-bottom: 50px;<br /> }</p> <p>into my custom. css file but, unfortunately, to no effect.</p> <p>What I'm trying to do is narrow the spaces between ads, so changed the px to 5 and 0, and still nothing. I tried inserting the code into Quick CSS and nothing doing here either.</p> <p>Just to be clear, I located the custom.css file using my host's FTP file manager. I went wp-content&gt;themes&gt;shoutbox&gt;css&gt;custom css. And put the code in the custom.css file. Is this the right process?</p> <p>What am I doing wrong here? Thanks </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65418 Fri, 13 Jul 2012 11:35:30 +0000 Ismael 65418@http://www.kriesi.at/support/ <p>Hey rumblefish,</p> <p>Thanks for helping out.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65396 Fri, 13 Jul 2012 09:03:53 +0000 rumblefish 65396@http://www.kriesi.at/support/ <p>You need to put the open parenthesis</p> <p>{</p> <p>after</p> <p>.sidebar .widget</p> <p> not before it.</p> <p>Put the code in your custom.css file. </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65328 Thu, 12 Jul 2012 23:48:01 +0000 Ismael 65328@http://www.kriesi.at/support/ <p>Hello,</p> <p>Sorry for that, here's the code</p> <pre><code>.sidebar .widget { margin-bottom: 50px; }</code></pre> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-65221 Thu, 12 Jul 2012 16:27:53 +0000 demozeno 65221@http://www.kriesi.at/support/ <p>Hello Ismael</p> <p>There is no code in your reply. At least, I can't see anything. Can you post it again. Thanks </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-64842 Tue, 10 Jul 2012 20:18:27 +0000 Ismael 64842@http://www.kriesi.at/support/ <p>Hello,</p> <p>Try to apply the following code on your custom.css</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-spacingpadding-between-sidebar-widgets#post-64825 Tue, 10 Jul 2012 19:43:10 +0000 demozeno 64825@http://www.kriesi.at/support/ <p>I'm trying to change the spacing/padding between the adverts in the sidebar of my blog – <a href="http://golovegreece.com/" rel="nofollow">http://golovegreece.com/</a>. Currently, the spacing/padding is too wide. I think I've found the CSS code using Web Inspector. It gives me the following:</p> <p>{<br /> .sidebar .widget<br /> float: left;<br /> margin-bottom: 20px;<br /> overflow: visible;<br /> padding: 20px;<br /> width: 260px;</p> <p>}</p> <p>In Web Inspector, when I turn off margin-bottom and padding it gives me the effect I'm after, which is to squeeze the ads together.</p> <p>In the Quick CSS editor, I put in the following code</p> <p>{<br /> .sidebar .widget<br /> float: left;<br /> margin-bottom: 20px;<br /> overflow: visible;<br /> padding: 20px;<br /> width: 260px;<br /> margin-bottom: 0px;<br /> padding: 0px;</p> <p>}</p> <p>But it doesn't take effect on the page.</p> <p>What am I doing wrong here? Thanks </p>