When used in grid mode, the Divi Builder's fullwidth portfolio module displays the featured images of projects right up against each other, as shown:
If you'd prefer to have a bit of space between the images in your fullwidth portfolio grid, you can use the following CSS:
.et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 96% !important; margin: 2% !important; } @media all and (min-width: 497px) { .et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 46% !important; margin: 2% !important; } } @media all and (min-width: 785px) { .et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 29% !important; margin: 2% !important; } } @media all and (min-width: 1041px) { .et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 21% !important; margin: 2% !important; } } @media all and (min-width: 1617px) { .et_pb_fullwidth_portfolio .et_pb_portfolio_item { width: 16% !important; margin: 2% !important; } }
The effect will be something like this:
0 Comments