Docs

[yhshin1020]

Hey,

I want to create a client logo grid separated by lines, exactly like the way brainstorm force has laid out their clientele logos in their website, under “Featured In”: https://www.brainstormforce.com

I cannot seem to achieve the same effect on my homepage.

How do I go about making this? (what elements or code)

[yhshin1020]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:979px){
li.x-block-grid-item {
    border-right: 1px solid;
    border-bottom: 1px solid;
    margin-right: 0;
    width: 25% !important;
    height: 60px;
    text-align: center;
}
li.x-block-grid-item:last-child {
    border-right: none;
}
}

Hope that helps.

[yhshin1020]

Thanks that worked but now I have a border-bottom for the second row of block grids.

Can I remove that?

Thanks.

[Christopher]

Hi there,

Please add custom class like my-class to second blockgrid and add following code in customizer :

.my-class{
    border-bottom:none;
}

Hope it helps.

[yhshin1020]

This reply has been marked as private.

[Rad]

Hi there,

Please change it to this,

.grid-class li{
  border-bottom:0px;
  }

Cheers!

[Author]

Posts