Hello

While Vision Expo West draws participants from around the world. The international presence contributes to the event’s diverse perspectives and facilitates global collaboration and exchange within the eyecare community.

Heading with line break

Vision Expo West attracts a diverse range of over 400 exhibitors.

Bye

The event features a robust educational program with seminars, workshops, and lectures covering various topics such as clinical advancements.

Images as Iconbox Icons

Read carefully:

  • give to the color-section a custom class –
    e.g.: iconboxes-equalheight
  • within this color-section there are only these columns –
    no other elements
  • do not give the columns equal height option.
  • breakpoint – better at 990px
  • layout inside column
    1) standalone icon
    2) a heading
    3) some text

see:

because on display: flex the default value is for align-items: stretch – the columns have the same height.

#top .av_font_icon a {
  color: inherit;
  display: inline-table;
}


@media only screen and (min-width: 990px)  {
  .avia-section.iconboxes-equalheight .entry-content-wrapper {
    display: flex;
  }
}

.avia-section.iconboxes-equalheight .container {
  padding-top: 100px;  /* === space for the shifted icons === */
}

.avia-section.iconboxes-equalheight .entry-content-wrapper .flex_column,
.avia-section.iconboxes-equalheight .entry-content-wrapper .flex_column .av_font_icon .av-icon-char {
  background-color:  #e5e5e5;  /*** synchronised background-color ***/
}

.avia-section.iconboxes-equalheight .entry-content-wrapper .flex_column .av_font_icon {
  position: relative;
 /* === adjust to your needs - depends on icon dimensions === */
  top: -80px;
  margin-bottom: -80px; 
}


@media only screen and (max-width: 989px)  {
  .avia-section.iconboxes-equalheight .entry-content-wrapper .flex_column {
    margin-bottom: 120px !important;
  }
}

Or just iconboxes inside a 1/1 column

here custom-class of that column is: iconboxes-only

Briefcase Briefcase

IconBox Title

Click to add your own text here Click to add your own text here

Search Search

IconBox Title

Click to add your own text here Click to add your own text here Click to add your own text here Click to add your own text here

Book-open Book-open

IconBox Title

Click to add your own text here

#top .flex_column.iconboxes-only  {
  display: flex;
  gap: 20px;
  flex-flow: row wrap;
  justify-content: space-between;
}

#top .flex_column.iconboxes-only:before,
#top .flex_column.iconboxes-only:after {
  display: none;
}

#top .flex_column.iconboxes-only .iconbox {
  flex: 0 1 30%;
  margin: 0;
  width: unset !important;
  background-color: #FFF;
}

@media only screen and (max-width: 989px)  {
  #top .flex_column.iconboxes-only  .iconbox {
    flex: 1 1 100%;
    margin-bottom: 20px
  }
}

#top .flex_column.iconboxes-only .iconbox_content {
  background-color: transparent;
  box-shadow: none;
}

The backend layout