[DroogersParticipant]

Hi

An more often discussed theme but I can’t find the solution. Like to make a full width page with a full width column, row and block grid.

Although I disabled column container and choose a page template without container there is still a max width influenced by ???

And second question: I like to make the blockgrid without margins, three blocks wide and more grids on top of each other without margins.

Thanks in advance
Tjeerd

[JoaoModerator]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[DroogersParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There,

Your site is fullwidth, which section you are referring to.

Please place the block grid and we will provide you a css.

Thanks

[DroogersParticipant]

This reply has been marked as private.

[FriechModerator]

Hi There,

Thank you for the clarification, the ROW on the 3rd Section has a max-width: 650px; on its STYLE field. That limits it from going full-width.

Hope it helps, Cheers!

[DroogersParticipant]

Hi

It is so simple…
Thank you very much for helping!

Tjeerd

[DroogersParticipant]

And…

Made the max-width of the grid 1000px and would like to eleminate the space between the pictures. Horizontal as well as vertical. So it has to be presented as one block of pictures…
Can you help me with this?
See attachment

Thank you

Tjeerd

Attachments:

You must be logged in to view attached files.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.home .x-block-grid.three-up {
    margin-bottom: 0;
}
.home .x-block-grid.three-up>li {
    width: 33.333333%;
    margin-right: 0
}
.home .x-block-grid.three-up>li img {
    margin-bottom: 0;
    width: 100%;
    height: auto;
}

Hope it helps 🙂

[DroogersParticipant]

Hi

Beautiful! Exact what I wanted.
Thanks for the fast reply.

Tjeerd

[DroogersParticipant]

Sorry. A little problem occured:
When looking on mobile screen the illustrations are scaled and disordered.
Would like them tp be placed beneath each other; so six illutrations in a olumn.
Is that possible?

Thanks
Tjeerd

[JadeModerator]

Hi Tjeerd,

Please add this code:

@media (max-width: 480px) {
    .home .x-block-grid.three-up>li {
        width: 100%;
    }
}

Hope this helps.

[DroogersParticipant]

Almost perfect. Only some horizontal spaces are still visible.
Can you eleminate them totally?

See attachment.

Thank you.

Tjeerd

[DroogersParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! Please have the custom css updated and make use of this code:

@media (max-width: 480px){
  .home .x-block-grid.three-up>li {
    width: 100%;
    margin: 0;
  }
}

Hope this helps. Please let us know how it goes.

[Author]

Posts