Custom Big Grid 4

Posted in: Newspaper
Post count: 12

hi folks, need help, i want to customize those big grid 4. so it looks like this http://prntscr.com/9wraup of course without gap in the middle.

manually change margin number doesnt made any good result.

regards.

Post count: 23312

Hello BigN0701,

I suppose that you have used the 2 column layout from the Visual Composer and you have added the Big Grid 4 like this -> http://screencast.com/t/asvmGUZgfyWl Please try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.td-pb-row [class*="td-pb-span"] {
padding-right: 2px;
padding-left: 2px;
}

If you want to target a certain page where to applied this code, you have to add before the code that I provided you above. For example, if your big grid is on the home page, you can target this page with .home before the code like this ->

.home .td-pb-row [class*="td-pb-span"] {
padding-right: 2px;
padding-left: 2px;
}

The result -> http://screencast.com/t/FDsTHauu1ng

If you want to target the other page, you have to use the page id -> http://screencast.com/t/lgssXeIBFNSf

Thank you for the message!

Post count: 12

lovely. thanks for your reply Catalin.

regards.

Post count: 12

another question. the gap show up on mobile view. http://prntscr.com/9xk70i any idea how to fix this ?

Post count: 23312

Hello BigN0701,

Please try the code below and add it in Theme panel->Custom CSS area.

@media (max-width:767px){
.td_block_big_grid_4 {
padding-bottom: 2px;
}
}

Thank you for the message!

Viewing 5 posts - 1 through 5 (of 5 total)
You must be logged in to reply to this topic.