Simple Machines Community Forum

Customizing SMF => Graphics and Templates => Topic started by: Akshtsaklani7 on September 26, 2014, 11:39:34 PM

Title: Adjusting the spacing between two blocks
Post by: Akshtsaklani7 on September 26, 2014, 11:39:34 PM
Hello,

I'm using smf 2.0.8 with simpleportal. There is no vertical spacing between the blocks that makes it look a bit ugly and this is probably due to my theme. Is there a way to adjust spacing between the blocks?

(http://i.imgur.com/nS8xZ8W.jpg)
How it should look.


(http://i.imgur.com/vJpoyuF.jpg)
how it looks
Title: Re: Adjusting the spacing between two blocks
Post by: Ninja ZX-10RR on September 27, 2014, 12:19:48 AM
You should address this question to the author of that theme (he will know better than anybody else!), plus it's not really a 2.0.x support question... More a graphics and templates question ;)
A tip: if you don't provide a link to that page it's impossible anyway to help you, even if I could have done that.
Title: Re: Adjusting the spacing between two blocks
Post by: Akshtsaklani7 on September 27, 2014, 12:44:41 AM
Quoteif you don't provide a link to that page it's impossible anyway to help you.

http://www.theultimatestep.net/
Title: Re: Adjusting the spacing between two blocks
Post by: Ninja ZX-10RR on September 27, 2014, 12:54:54 AM
Well it's kinda easy if you aren't looking for something particularly crazy so you might don't even need the theme author for this...

In file:
/Themes/Reseller/css/index.css
Code (find) Select

div.cat_bar
{
background: #34495e;
padding-left: 9px;
height: 35px;
overflow: hidden;
margin-bottom: 1px;

Code (add after) Select


margin: 4px;


Same file:
Code (find) Select

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .windowbg2, .windowbg3
{
color: #000;
background-color: #fff;
border-radius: 4px;
margin: 0.2em 0;

Code (replace) Select

/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg, #preview_body, .windowbg2, .windowbg3
{
color: #000;
background-color: #fff;
border-radius: 4px;
margin: 0.2em 4px;


If you check what I have edited you can easily figure out how to tweak the pixels if you want it larger or smaller. I just set 4 pixels since IMHO it looks good :)

Tell me if it works :D (it should, I am seeing it looking great here, just remember to clear both browser and forum cache ;))
Title: Re: Adjusting the spacing between two blocks
Post by: Antechinus on September 27, 2014, 03:36:42 AM
Um, I think he just wants to fix the portal block spacing. not change the spacing everywhere those classes are used on every SMF page/action/whatever. This is a Simple Portal CSS problem, nothing to do with default theme as such.
Title: Re: Adjusting the spacing between two blocks
Post by: Akshtsaklani7 on September 27, 2014, 06:52:07 AM
Thank you for looking into it. The theme author helped. The issue is solved