Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Grid Query

  • Hi,

    I am trying to reproduce the layout as shown in the screenshot which I did previously using Bootstrap, is it best to do this by having a grid of 4 columns showing image, text, image, text from left to right or is there a better way to do it.

    Thanks

    Richard

  • Hi,

    Apologies, I think the link to the image is incorrect if so please use the new one,

    Thanks

    Richard

  • Are you using GenerateBlocks plugin? If so, I would create a structure like this:

    - Container 
     -- Grid
       --- container A (display:flex, width: 50%)
          ---- button a (with Icon/ remove text)
          ---- container a
              ----- headline
              ----  headline
       --- container B (display:flex, width: 50%)
          ---- button b (with Icon/ remove text)
          ---- container b
              ----- headline
              ----  headline
       --- container C (display:flex, width: 50%)
          ---- button c (with Icon/ remove text)
          ---- container c
              ----- headline
              ----  headline
       --- container D (display:flex, width: 50%)
          ---- button d (with Icon/ remove text)
          ---- container d
              ----- headline
              ----  headline
  • Hi Ying,

    That works perfectly, thanks very much.

    Richard

  • Glad to hear that :)

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