#top  [data-av_iconset*="svg_wp-media-library"],
#top  [data-av_iconset*="svg_entypo-fontello"] {
  display: flex !important;
  justify-content: center;
}

#top .avia-font-svg_wp-media-library svg {
  height: unset;
  flex: 1 1 auto;
  margin: 0 !important;
}

#top .iconlist_icon.avia-font-svg_wp-media-library svg {
  padding: 10px !important;
}
soccer-ball

Titel Symbol-Box

Click to add your own text here

Titel Symbol-Box

Click to add your own text here

Titel Symbol-Box

Click to add your own text here

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.

Again

Vision Expo West attracts a diverse range of over 400 exhibitors, including eyewear manufacturers, lens companies, frame designers, technology providers, and industry service providers.

SVG analog clock Displays the client's current system time. This SVG was made with highest compability and readability of the source code in mind. SVG performance and size were not important.

Bye

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

IconBox Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.

Bucket Bucket

IconBox Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.

aesculap-mapmarker

IconBox Title

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores.

  • Entypo Fontello (svg)

  • WP Media Library (svg)

  • Entypo Fontello Enfold (default)

  • Entypo Fontello Default

Alternative Way to have „Iconboxes”

Images as Iconbox Icons

  • 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.

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

.avia-section.iconboxes-equalheight .container {
  padding-top: 100px;
}

.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;
  top: -100px;
  margin-bottom: -100px; 
}


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

Webers Webdesign

Kontakt

Adresse

Webers Webdesign
Ludwig-Schopp-Straße 27
53117 Bonn

Anfahrt
Anrufen
E-Mail senden
Google Maps Preview

Mit dem Laden der Karte akzeptieren Sie die Datenschutzerklärung von Google.
Mehr erfahren

Karte laden