Joomla Templates Club 406,261 posts

[corbu123 Friend corbu123Join date: April 2013Posts: 9Downloads:0Uploads:3 Thanks: 3]

#190670

I’m pretty sure it’s a css issue. I’m trying to get an equal width between the vertical and horizontal spacing of the tiles, please see attached screen shot with red highlight.

The url can be found here:
http://www.keithcarlson.info

Any suggestions would be appreciated. Thanks

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#506198

Hi corbu123,

It seems that you’re enabling development mode so that you can edit less file. If you’re not familiar with less, you can create a new file named custom.css and put your own custom css code inside this new file.

For the vertical spacing, you can add this css rule:


.ja-sidebar.span3 {
margin-left: XX px; <<< change to your desired value value
}


With the horizontal spacing, it’s margin of module defined in this file: /templates/ja_mero/less/module.less


.t3-module {
background: @T3moduleBackground;
color: @T3moduleColor;
min-height: @T3blockMinHeight;
margin-bottom: 10px; <<< change to your desired value value
position: relative;
//Module padding
.module-inner {
padding: @T3modulePadding;
}
}


//you can add this css code to custom.css file:


.t3-module {
margin-bottom: XX px;
}


[Author]

Posts