Any Guru wanna help me with this css/html issue?

[darkmobius]

Hey guys,

This is the site I'm working on http://www.justanotherdesignblog.com/
I'm trying to increase the space in between each item but I can't seem to find the css/html for it

css:
http://www.justanotherdesignblog.com/css/style.css

Any help would be greatly appreciated!
PM

 

[drd26]

Is this your site? If so you'll need to log into the /wp-admin area for starters. Then head to the design tab, and click on the theme editor. From there you need to adjust the stylesheet or appropriate template to suit your needs.

 

[darkmobius]

what the hell? the problem is i don't know what to change in the css to increase the space that's why i posted the css file so you guys can help out, I know how to log in and make changes -_-"

 

[drd26]

The link to the CSS is coming up as a 404 that's why I wasn't sure what you were asking. No disrespect meant

 

[darkmobius]

its cool, sorry the link was broken here's the correct one
http://www.justanotherdesignblog.com/wp-content/themes/grid-a-licious/style.css

 

[eshaman]

you're gonna have trouble with that, it's the rounded corners.

So when you change the margin on .eachpost

this is still stopping it from displaying properly:

-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
position:absolute;

that's where I'd be lookin, best I can give you without spending more time on it I'm afraid.

what I would do is add "border:1px solid red;" to .eachpost so you can keep an eye on where the divs are moving as you change the css.

 

[darkmobius]

you're gonna have trouble with that, it's the rounded corners.

So when you change the margin on .eachpost

this is still stopping it from displaying properly:

-moz-border-radius:3px;
-khtml-border-radius: 3px;
-webkit-border-radius:3px;
position:absolute;

that's where I'd be lookin, best I can give you without spending more time on it I'm afraid.

what I would do is add "border:1px solid red;" to .eachpost so you can keep an eye on where the divs are moving as you change the css.

thanks would it help if you look at how they did it? http://reformrevolution.com/ its the same theme, i even compared the css and look almost identical

thanks for your help so far

 

[eshaman]

right

it's javascript!

open grid-a-licious.js and change this bit

-----
var MIN_COLS = 2;
var COL_WIDTH = 220;
var GAP = 30; <----at a guess, that'll be the one!

 

[darkmobius]

right

it's javascript!

open grid-a-licious.js and change this bit

-----
var MIN_COLS = 2;
var COL_WIDTH = 220;
var GAP = 30; <----at a guess, that'll be the one!

oh my fuking god...i totally overlooked and forgot js can also manipulate the look and feel. I kept on looking at the css and php.

I cannot thank you enough eshaman!

 

[eshaman]

no problemo!

It's a pretty sweet layout I have to admit, good luck!