Dante gutter width (more space between each column in the grid)

[wylesight]

Hi,

Dante is an amazing theme. However, as a lot of themes out-there, I think the gutter width is too small.
i.e. : the space between each column of the content grid is too small and design looks messy when you have lot of text.

As theme as been based on Bootstrap, does anybody know a way to customize this ?

Many thanks by advance

[wylesight]

I’ve found a pretty easy solution.

It may not be perfect as I’ve spotted a few elements margin errors (only latest portfolio fullwidth for now).

1. Go to Bootstrap Customization tool http://getbootstrap.com/customize/
2. Don’t change any settings and go to the “Layout and grid system” section
3. Enter the desired gutter size in “@grid-gutter-width”. In my case 60px.
4. (optional): change the max grid size in “@container-lg”. In my case ((1000px + @grid-gutter-width))
5. Scroll down to the bottom and click on “compile & download”
6. Find “bootstrap.min.css” in the downloaded archive
7. Go to dante/css/ on your server
8. BACKUP your bootstrap.min.css original file
9. Replace it with the new bootstrap.min.css file downloaded from bootstrap.

After this alsmost all the elements are ok. You just need a few adaptations in the main style.css

10. Use a child theme and add the following rules in it :


.header-3 #main-navigation, .header-4 #main-navigation, .header-5 #main-navigation, .header-6 #main-navigation, .header-7 #main-navigation {
margin-right: 30px;
}

.header-6 .search-nav, .header-7 .search-nav {
right: 30px;
}

.header-6 #logo, .header-7 #logo {
left: 30px;
}

#breadcrumbs {
margin-right: 30px;
}

.page-heading .heading-text {
margin-left: 30px;
}

@media only screen and (max-width: 991px){
.header-6 #logo, .header-7 #logo {
padding: 0 30px!important;
}
}

@media only screen and (max-width: 767px){
.page-heading .heading-text {
margin-left: 10px!important;
}
}


[Tahir – SUPPORT]

Hi wylesight ,

Thanks for posting the workaround.

Much Appreciated.
-Tahir

[Swift Ideas – Ed]

Cheers @wylesight!

I think this is a very rare case in terms of users desires, but will keep this handy in case anyone asks in the future.

Thanks,

– Ed

[orzopupo]

thanks for the work around, this is exactly what I was looking for.

[Kyle – SUPPORT]

Great!