Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 9, 2023 at 7:10 pm #1378035
    yifatcohen

    How do I align the icon box to the middle – https://expertgeneactivation.com/best-side-hustle-masterclass

    January 10, 2023 at 8:19 am #1378087
    Ismael

    Hey yifatcohen,

    Thank you for the inquiry.

    Would you mind providing a screenshot of the section that you’d like to modify? You can use imgur, savvyify or dropbox for the screenshot. Have you tried using Columns to align the elements?

    Best regards,
    Ismael

    January 10, 2023 at 9:38 am #1378093
    Guenni007

    can you try this in your quick css:

    #top .iconbox {
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}

#top .iconbox_left_content .iconbox_icon, 
#top .iconbox_right_content .iconbox_icon {
  min-width: 74px;
  margin-bottom: 0
}
    January 10, 2023 at 12:33 pm #1378112
    Rikard

    Hi,

    Thanks for helping out @guenni007 :-)

    Best regards,
    Rikard

    January 11, 2025 at 7:25 am #1474965
    Guenni007

    and to center the flex_columns itself :

    
#av-layout-grid-2 .flex_cell .flex_column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

    but as always all rules here do work on all elements that fit- better is to work more specific by a custom class set by you f.e. on that grid-row element.

    January 11, 2025 at 3:18 pm #1474983
    Mike

    Hi,
    Guenni007’s css seems to work, please check:

    #av-layout-grid-2 .flex_cell .flex_column {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
}

    Thanks Guenni007

    Best regards,
    Mike

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