Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1373740

    Hey there,
    Is it possible to align 2 1/3 columns blocks in the middle below 3 1/3 columns?

    Best regards,
    Martijn Koster

    #1373763

    Hey Martijn,

    Thanks for contacting us!

    Please add your 2 1/3 column elements inside a Color Section element. Edit your Color Section element and give it a custom ID (“custom-id” in example below) in Advanced > Developer Settings and then add following code to bottom of Quick CSS field in Enfold theme options > General Styling

    
    #custom-id .entry-content-wrapper {
      display: flex;
      justify-content: center;
    }
    

    Best regards,
    Yigit

    #1373836

    Hey Yigit, thank you very much for tour reaction.
    Those 2 1/3 columns are already within a content section. So now all the elements within this content section are centered.
    See https://lang.ten-dev.nl and scroll down to where is says ‘LangArbeidsrecht adviseert werknemers naar een duurzame oplossing.’
    You can see what happened.

    Is there another way to solve this?

    Beste regards
    Martijn Koster

    #1373840

    Hi Martijn Koster,

    Please set the column blocks at the bottom to have Equal Height Columns (not individual height), then replace the code:

    #custom-id .entry-content-wrapper {
      display: flex;
      justify-content: center;
    }

    with:

    #custom-id .flex_column_table.av-equal-height-column-flextable {
        display: flex;
        justify-content: center;
    }

    Hope it helps :)

    Best regards,
    Nikko

    #1373842

    Hey Nikko,
    It did help! Thank you ver much!

    You can close the ticket!

    Have a good weekend.

    #1373845

    Hi TenMediaNL,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great weekend!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Align 1/3 columns in center’ is closed to new replies.