Viewing 30 results - 541 through 570 (of 1,190 total)
1 2 3 … 18 19 20 … 38 39 40
  • Author
    Search Results
  • October 19, 2017 at 5:29 pm #866333

    In reply to: main nav left but rtl

    Yigit

    Hey Mariken,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .html_av-overlay-side .av-burger-overlay-scroll {
    right: auto;
    left: 0; 
}
.html_av-overlay-side .av-burger-overlay-scroll {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}

    Then can you please post a link to your website?

    Best regards,
    Yigit

    October 17, 2017 at 4:00 pm #865323

    In reply to: Hamburger Menu Collapse on left side

    Yigit

    Hey,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    .html_av-overlay-side .av-burger-overlay-scroll {
right: auto;
left: 0; 
}
.html_av-overlay-side .av-burger-overlay-scroll {
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}

    Best regards,
    Yigit

    October 13, 2017 at 11:35 pm #864185

    In reply to: Easy Slider – Video

    gzelasco

    Yes,. The auto play video start running when the page loaded, ok¿?
    and when you scroll down to where the video is, the video already started

    It is possible to achive the auto play just when you scroll down were the video is located?

    October 12, 2017 at 5:17 pm #863546

    Topic: image on server http in stead of https

    in forum Enfold
    tom
    Participant

    Hello,

    Our site http://www.autokallen is protected (https).
    There is a message that the below (see link) comes from an unprotected server.
    http://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/house-wire-model-fade-white-1500×1085.png.
    Is this a part of the template?

    <div id=’av_section_1′ class=’avia-section main_color avia-section-default avia-no-border-styling avia-full-stretch av-parallax-section avia-bg-style-parallax avia-builder-el-1 el_after_av_slideshow_full el_before_av_one_half container_wrap fullsize’ style = ‘background-color: #1d327c; ‘ data-section-bg-repeat=’stretch’ ><div class=’av-parallax’ data-avia-parallax-ratio=’0.3′ ><div class=’av-parallax-inner main_color avia-full-stretch’ style = ‘background-color: #1d327c; background-repeat: no-repeat; background-image: url(http://test.kriesi.at/construction/wp-content/uploads/sites/7/2015/10/house-wire-model-fade-white-1500×1085.png); background-attachment: scroll; background-position: center right; ‘ ></div></div><div class=’container’ ><div class=’template-page content av-content-full alpha units’><div class=’post-entry post-entry-type-page post-entry-19′><div class=’entry-content-wrapper clearfix’>

    Is there something to do about it?
    Thanks for the answer.

    October 12, 2017 at 1:48 pm #863416

    Topic: Easy Slider – Video

    in forum Enfold
    gzelasco
    Participant

    I have set Auto play video using Easy Slider element.
    The auto play works when page loaded, not when after scroll the video shows

    I need to auto play when video shows,

    Make sense¿

    October 11, 2017 at 5:10 pm #862964

    In reply to: Hover doesnt work properly

    Papiculo

    Hello Rikard,
    i’m using Safari and this bug can be seen if you hover the buttons two times.
    I know, that users are normally not hovering just those buttons because they click on them.
    However if a normal user is scrolling the page down and up then they are also hovering automatically those big buttons and can see this bug.
    I can reproduce this bug if i hover in Google Chrome those big buttons between 10 and 30 times. I know this is not the normal case when you are surfing the website with your theme. However Safari generates this issue when you hover the buttons just two times.
    best greetings

    October 10, 2017 at 1:43 pm #862452

    In reply to: Codebox makes easy slider disappear

    tomhoeve

    Hi Rikard,

    Sorry for the late response. It is a plugin which loads external information to the page (to show scores).
    I added to quick CSS:

    /* LayerSlider height in portable device*/
    @media only screen and (max-width: 767px) {
    #top #main #layer_slider_1{
    height: auto !important;
    }}
    This fixed a lot of problems.

    Now my last problem is the plugin also affects the header on This page
    If you scroll down, the social icons will not resize to make the header smaller.

    kr,
    Tom

    • This reply was modified 8 years, 5 months ago by tomhoeve.
    October 9, 2017 at 5:57 pm #862011

    In reply to: Enfold Critical CSS

    Guilherme Pereira

    im not abble to generate a critical css that dont break my site
    i followed this steps https://www.wpfaster.org/blog/how-to-use-autoptimize-inline-and-defer-css-option and generate this critical, but it still broking the theme
    https://www.isopasse.com.br/

    
span.onsale {
  background: #7e9a47;
  min-height: 32px;
  min-width: 32px;
  padding: 4px;
  font-size: 12px;
  position: absolute;
  text-align: center;
  line-height: 32px;
  top: 6px;
  left: 6px;
  margin: 0;
  border-radius: 20px;
}

ul.products li .onsale {
  top: 0;
  right: 0;
  left: auto;
  margin: -6px -6px 0 0;
}

.cart_dropdown {
  position: absolute;
  right: -60px;
  height: 46px;
  width: 46px;
  line-height: 46px;
  text-decoration: none;
  text-align: center;
  top: 50%;
  margin: -23px 0 0 0;
  border-radius: 2px;
  border-style: solid;
  border-width: 1px;
  font-weight: normal;
  z-index: 101;
}

.cart_dropdown_first {
  line-height: 38px;
  padding: 0;
}

.cart_dropdown_first .cart_dropdown_link {
  display: block;
  padding: 0;
  text-decoration: none;
  line-height: 44px;
  font-size: 15px;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.cart_dropdown .dropdown_widget {
  clear: both;
  position: absolute;
  right: 7px;
  top: 0;
  width: 280px;
  line-height: 18px;
  display: none;
  padding-top: 54px;
}

.cart_dropdown .dropdown_widget .widget_shopping_cart_content {
  padding: 0;
  box-shadow: 0 10px 15px rgba(0,0,0,0.1);
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  text-align: left;
  border-radius: 2px;
}

.cart_dropdown .dropdown_widget .avia-arrow {
  top: 49px;
  left: auto;
  margin-left: 0;
  border-bottom: 0;
  border-right: 0;
  right: 10px;
}

.html_cart_at_menu.html_header_top #top .main_menu {
  right: 0;
}

#menu-item-shop.cart_dropdown {
  right: 0;
  top: 0;
  margin: 0;
  height: auto;
  border-top: 0;
  border-radius: 0;
  width: auto;
  position: relative;
  float: left;
}

.html_header_top #menu-item-shop.cart_dropdown {
  border-bottom: 0;
}

#menu-item-shop .cart_dropdown_link {
  background: transparent;
  margin: 0;
  left: 0;
  color: inherit;
  position: relative;
  width: auto;
  padding: 0 38px;
  float: left;
  line-height: 88px;
}

#menu-item-shop .dropdown_widget {
  right: -1px;
  top: 100%;
  padding: 0;
  margin-top: -1px;
}

.av_minimal_header #menu-item-shop .dropdown_widget {
  margin-top: 0;
}

#menu-item-shop .dropdown_widget .avia-arrow {
  top: -5px;
  right: 40px;
}

.html_cart_at_menu.html_main_nav_header #top .main_menu .menu>li:last-child {
  padding-right: 13px;
  margin-right: 20px;
}

#top .onsale {
  background: rgba(0,0,0,.8);
  z-index: 10;
  color: #FFF;
  background: #7e9a47;
  top: 17px;
  right: 8px;
  left: auto;
  margin: 0;
  min-width: 40px;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top div .dropdown_widget_cart {
  display: none;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

#top .av-cart-counter {
  position: absolute;
  top: 50%;
  left: 54%;
  height: 16px;
  padding: 0 5px;
  line-height: 16px;
  border-radius: 54px;
  font-size: 11px;
  background: #333;
  color: #fff;
  text-align: center;
  margin: -20px 0 0 2px;
  -webkit-transform: scale(0.3);
  transform: scale(0.3);
  opacity: 0;
}

@media only screen and (max-width:767px) {
  .responsive #top .cart_dropdown {
    position: absolute;
    top: 50%;
    margin-top: -23px;
  }

  .responsive #top #menu-item-shop.cart_dropdown {
    margin: 0;
    top: 0;
    border: 0;
    height: 100%;
    width: auto;
    line-height: 80px;
    position: static;
    margin-left: -39px;
  }

  .responsive #top #menu-item-shop .cart_dropdown_link {
    line-height: 80px;
  }

  .responsive.html_cart_at_menu #top .main_menu .menu>li:last-child {
    padding-right: 13px;
    margin-right: 20px;
  }
}

html {
  min-width: 910px;
}

html.responsive {
  min-width: 0;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 0 50px;
  clear: both;
}

.inner-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.container_wrap {
  clear: both;
  position: relative;
  border-top-style: solid;
  border-top-width: 1px;
}

.units {
  float: left;
  display: inline;
  margin-left: 50px;
  position: relative;
  z-index: 1;
  min-height: 1px;
}

#wrap_all {
  width: 100%;
  position: static;
  z-index: 2;
  overflow: hidden;
}

body .units.alpha,
body div .first {
  margin-left: 0;
  clear: left;
}

body .units.alpha {
  width: 100%;
}

.container .av-content-full.units {
  width: 100%;
}

.container {
  max-width: 1010px;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive .container {
    max-width: 782px;
  }
}

@media only screen and (max-width:767px) {
  .responsive #top {
    overflow-x: hidden;
  }

  .responsive #top #wrap_all .container {
    width: 85%;
    max-width: 85%;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
    float: none;
  }

  .responsive .units {
    margin: 0;
  }

  .responsive #top #wrap_all .flex_column {
    margin: 0;
    margin-bottom: 20px;
    width: 100%;
  }
}

.container:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix:before,
.clearfix:after,
.flex_column:before,
.flex_column:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.flex_column:after,
.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

body div .first {
  margin-left: 0;
}

div .flex_column {
  z-index: 1;
  float: left;
  position: relative;
  min-height: 1px;
  width: 100%;
}

div .av_one_third {
  margin-left: 6%;
  width: 29.333333333333332%;
}

html,
body,
div,
span,
h3,
p,
a,
img,
strong,
ul,
li,
article,
footer,
header,
nav {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
footer,
header,
nav {
  display: block;
}

body {
  line-height: 1em;
}

ul {
  list-style: none;
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html.responsive,
.responsive body {
  overflow-x: hidden;
}

body {
  font: 13px/1.65em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #444;
  -webkit-text-size-adjust: 100%;
}

.helvetica-websave {
  font-family: Helvetica,"HelveticaNeue","Helvetica Neue",Arial,Verdana,sans-serif;
}

h3 {
  font-weight: 600;
}

h3 {
  font-size: 20px;
  line-height: 1.1em;
  margin-bottom: 8px;
}

p {
  margin: .85em 0;
}

strong {
  font-weight: bold;
}

a {
  text-decoration: none;
  outline: 0;
  max-width: 100%;
  max-width: none\9;
}

a:visited {
  outline: 0;
  text-decoration: underline;
}

#top .avia_hidden_link_text {
  display: none;
}

ul {
  margin-bottom: 20px;
}

ul {
  list-style: none outside;
  margin-left: 7px;
}

img,
a img {
  border: 0;
  padding: 0;
  margin: 0;
  display: inline-block;
  max-width: 100%;
  height: auto;
  image-rendering: optimizeQuality;
}

[data-av_icon]:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  content: attr(data-av_icon);
  speak: none;
}

#header {
  position: relative;
  z-index: 501;
  width: 100%;
  background: transparent;
}

#header_main .container,
.main_menu ul:first-child>li a {
  height: 88px;
  line-height: 88px;
}

.av_icon_active_left .social_bookmarks {
  float: left;
}

.av_secondary_right .sub_menu {
  float: right;
}

.av_phone_active_right .phone-info {
  float: right;
}

.phone-info {
  float: left;
  font-weight: bold;
  line-height: 20px;
  font-size: 11px;
  padding: 5px 0;
}

.phone-info span {
  display: inline-block;
  line-height: 1em;
}

.av_secondary_right .sub_menu>ul>li:last-child {
  border: 0;
  margin-right: 0;
  padding-right: 0;
  padding-left: 10px;
}

.av_secondary_right .sub_menu {
  padding-left: 10px;
}

#header_meta {
  border-top: 0;
  z-index: 10;
  min-height: 30px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  margin-bottom: -1px;
}

#header_meta .container {
  min-height: 30px;
}

#header_main {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  z-index: 1;
}

.header_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .95;
  filter: alpha(opacity=95);
  z-index: 0;
  -webkit-perspective: 1000px;
  -webkit-backface-visibility: hidden;
}

.html_header_sticky_disabled .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header .header_bg {
  opacity: 1;
  filter: alpha(opacity=100);
}

.av_minimal_header #header_main,
.av_minimal_header #header_meta {
  border: 0;
}

.av_minimal_header .avia-menu-fx {
  display: none;
}

.av_minimal_header #header_main .container,
.av_minimal_header .main_menu ul:first-child>li a {
  height: 90px;
  line-height: 90px;
}

.av_minimal_header_shadow {
  box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}

.av-hamburger {
  padding: 0;
  display: inline-block;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.av-hamburger-box {
  width: 35px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.av-hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 40px;
  height: 3px;
  background-color: #000;
  border-radius: 3px;
  position: absolute;
}

.av-hamburger-inner::before,
.av-hamburger-inner::after {
  content: "";
  display: block;
}

.av-hamburger-inner::before {
  top: -10px;
}

.av-hamburger-inner::after {
  bottom: -10px;
}

.av-burger-menu-main {
  display: none;
}

.av-burger-menu-main a {
  padding-left: 10px;
}

.av-hamburger strong {
  display: none;
}

.av-hamburger-box {
  height: 8px;
}

.av-hamburger-inner,
.av-hamburger-inner::before,
.av-hamburger-inner::after {
  width: 100%;
}

#top .av-small-burger-icon {
  -ms-transform: scale(0.6);
  transform: scale(0.6);
  transform-origin: right;
}

#top #wrap_all #header .av-small-burger-icon a {
  padding: 0;
}

div .logo {
  float: left;
  position: absolute;
  left: 0;
  z-index: 1;
}

.logo,
.logo a {
  overflow: hidden;
  position: relative;
  display: block;
  height: 100%;
}

.logo img {
  padding: 0;
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  image-rendering: auto;
  position: relative;
  z-index: 2;
  height: 100%\9;
  height: auto\9;
}

.main_menu {
  clear: none;
  position: absolute;
  z-index: 100;
  line-height: 30px;
  height: 100%;
  margin: 0;
  right: 0;
}

.av-main-nav-wrap {
  float: left;
  position: relative;
  z-index: 3;
}

.av-main-nav-wrap ul {
  margin: 0;
  padding: 0;
}

.av-main-nav {
  z-index: 110;
  position: relative;
}

.av-main-nav li {
  float: left;
  position: relative;
  z-index: 20;
}

.av-main-nav>li {
  line-height: 30px;
}

.av-main-nav li a {
  max-width: none;
}

.av-main-nav>li>a {
  display: block;
  text-decoration: none;
  padding: 0 13px;
  font-weight: normal;
  font-size: 12px;
  font-weight: 600;
  font-size: 13px;
}

.avia-menu-fx {
  position: absolute;
  bottom: -1px;
  height: 2px;
  z-index: 10;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx {
  opacity: 1;
  visibility: visible;
}

.avia-menu-fx .avia-arrow-wrap {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -5px;
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.current-menu-item>a>.avia-menu-fx>.avia-arrow-wrap,
.current_page_item>a>.avia-menu-fx>.avia-arrow-wrap {
  display: block;
}

.avia-menu-fx .avia-arrow-wrap .avia-arrow {
  top: 10px;
}

.html_main_nav_header.html_logo_left #top .main_menu .menu>li:last-child>a {
  padding-right: 0;
}

.main_menu .avia-bullet {
  display: none;
}

.avia-bullet {
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  top: 51%;
  margin-top: -3px;
  left: -3px;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
  border-left: 3px solid green;
}

#top #menu-item-search {
  z-index: 100;
}

#top .menu-item-search-dropdown>a {
  font-size: 17px;
}

#top #menu-item-search.menu-item-search-dropdown>a {
  border-left: 0;
}

.avia-arrow {
  height: 10px;
  width: 10px;
  position: absolute;
  top: -6px;
  left: 50%;
  margin-left: -5px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-width: 1px;
  border-style: solid;
  visibility: hidden\9;
}

#top .social_bookmarks {
  height: 30px;
  z-index: 150;
  -webkit-backface-visibility: hidden;
  margin: 0 0 0 -9px;
}

#top .social_bookmarks li {
  height: 100%;
  float: left;
  padding: 0;
  border-right-style: solid;
  border-right-width: 1px;
  display: block;
  width: 30px;
}

#top #header .social_bookmarks li:last-child {
  border-right-style: none;
  border-right-width: 0;
}

#top .social_bookmarks li a {
  float: left;
  width: 30px;
  line-height: 30px;
  display: block;
  margin: 0;
  outline: 0;
  padding: 0;
  min-height: 30px;
  height: 100%;
  overflow: visible;
  z-index: 2;
  position: relative;
  text-align: center;
}

#top #wrap_all .social_bookmarks,
#top #wrap_all .social_bookmarks a,
#top #wrap_all .social_bookmarks li {
  background: transparent;
}

.sub_menu {
  float: left;
  z-index: 2;
  font-size: 11px;
  line-height: 30px;
  position: relative;
  top: 10px;
}

#top .sub_menu>ul {
  float: left;
  margin: 0;
}

#top .sub_menu>ul,
#top .sub_menu>ul>li {
  background: transparent;
}

.sub_menu li {
  float: left;
  position: relative;
  padding: 0 10px;
  border-right-style: solid;
  border-right-width: 1px;
  line-height: 10px;
}

.sub_menu>ul>li>a {
  text-decoration: none;
  font-weight: bold;
  padding: 7px 0;
}

.content {
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  min-height: 1px;
  z-index: 1;
}

.content {
  border-right-style: solid;
  border-right-width: 1px;
  margin-right: -1px;
}

.content .entry-content-wrapper {
  padding-right: 50px;
}

.fullsize .content {
  margin: 0;
  border: 0;
}

.fullsize .content .entry-content-wrapper {
  padding-right: 0;
}

.more-link-arrow:after {
  content: "\E87d";
  font-family: 'entypo-fontello';
  font-size: 10px;
  vertical-align: middle;
  padding: 0 8px;
}

.html_elegant-blog .more-link-arrow {
  display: none;
}

#scroll-top-link {
  position: fixed;
  border-radius: 2px;
  height: 50px;
  width: 50px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
  opacity: 0;
  right: 50px;
  bottom: 50px;
  z-index: 1030;
  visibility: hidden;
}

@media only screen and (min-width:768px) and (max-width:989px) {
  .responsive .main_menu ul:first-child>li>a {
    padding: 0 10px;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=100);
  }

  .responsive .logo {
    float: left;
  }

  .responsive .logo img {
    margin: 0;
  }
}

@media only screen and (max-width:767px) {
  .responsive .content .entry-content-wrapper {
    padding: 0;
  }

  .responsive .content {
    border: 0;
  }

  .responsive #top #wrap_all #header {
    position: relative;
    width: 100%;
    float: none;
    height: auto;
    margin: 0 !important;
    opacity: 1;
    min-height: 0;
  }

  .responsive #top #main {
    padding-top: 0 !important;
    margin: 0;
  }

  .responsive .phone-info {
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
  }

  .responsive .phone-info span {
    margin: 0;
    padding: 0;
    border: 0;
  }

  .responsive #top .logo {
    position: static;
    display: table;
    height: 80px !important;
    float: none;
    padding: 0;
    border: 0;
    width: 80%;
  }

  .responsive .logo a {
    display: table-cell;
    vertical-align: middle;
  }

  .responsive .logo img {
    height: auto !important;
    width: auto;
    max-width: 100%;
    display: block;
    max-height: 80px;
  }

  .responsive #header_main .container {
    height: auto !important;
  }

  .responsive #top .header_bg {
    opacity: 1;
    filter: alpha(opacity=1);
  }

  .responsive #header_meta .social_bookmarks li {
    border-style: solid;
    border-width: 1px;
    margin-bottom: -1px;
    margin-left: -1px;
  }

  .responsive #top #header_meta .social_bookmarks li:last-child {
    border-right-style: solid;
    border-right-width: 1px;
  }

  .responsive #header .sub_menu,
  .responsive #header_meta .sub_menu>ul {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    position: static;
  }

  .responsive #header .social_bookmarks {
    padding-bottom: 2px;
    width: 100%;
    text-align: center;
    height: auto;
    line-height: .8em;
    margin: 0;
  }

  .responsive #header_meta .sub_menu>ul>li {
    float: none;
    display: inline-block;
    padding: 0 10px;
  }

  .responsive #header .social_bookmarks li {
    float: none;
    display: inline-block;
  }

  .responsive .logo img {
    margin: 0;
  }

  .responsive #top .av_phone_active_right .phone-info.with_nav span {
    border: 0;
  }

  .responsive #top #header_meta .social_bookmarks li a {
    color: inherit;
    border-color: inherit;
    background: inherit;
  }

  .responsive .av-burger-menu-main {
    display: block;
  }

  .responsive #top #wrap_all .main_menu {
    top: 0;
    height: 80px;
    left: auto;
    right: 0;
    display: block;
    position: absolute;
  }

  .responsive .main_menu ul:first-child>li a {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top .av-main-nav .menu-item {
    display: none;
  }

  .responsive #top .av-main-nav .menu-item-avia-special {
    display: block;
  }

  .responsive #top #wrap_all .menu-item-search-dropdown>a {
    font-size: 24px;
  }

  .responsive #top #header .social_bookmarks {
    display: none;
  }

  .responsive #top .av-logo-container .avia-menu {
    height: 100%;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a,
  .responsive #top #wrap_all .av-logo-container {
    height: 80px;
    line-height: 80px;
  }

  .responsive #top #wrap_all .av-logo-container {
    padding: 0;
  }

  .responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
    min-width: 0;
    padding: 0 0 0 20px;
    margin: 0;
    border-style: none;
    border-width: 0;
  }

  .responsive #top #header .av-main-nav>li>a {
    background: transparent;
    color: inherit;
  }

  .responsive #scroll-top-link {
    display: none;
  }
}

@media only screen and (max-width:479px) {
  .responsive #top #wrap_all #header .social_bookmarks {
    display: none;
  }
}

.avia-shadow {
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}

body .container_wrap .avia-builder-el-no-sibling {
  margin-top: 0;
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-last {
  margin-bottom: 0;
}

body .container_wrap .avia-builder-el-first {
  margin-top: 0;
}

.special-heading-border {
  position: relative;
  overflow: hidden;
}

.av-special-heading-h1 .special-heading-border {
  height: 3.4em;
}

.av-special-heading-h2 .special-heading-border {
  height: 2.6em;
}

.av-special-heading-h3 .special-heading-border {
  height: 1.9em;
}

.special-heading-inner-border {
  display: block;
  width: 100%;
  margin-left: 15px;
  border-top-style: solid;
  border-top-width: 1px;
  position: relative;
  top: 50%;
  opacity: .15;
  filter: alpha(opacity=15);
}

.custom-color-heading .special-heading-inner-border {
  opacity: .4;
  filter: alpha(opacity=40);
}

body .av-special-heading.blockquote>* {
  white-space: normal;
  float: none;
}

body .av-special-heading.blockquote .special-heading-border {
  display: none;
}

.avia-section {
  clear: both;
  width: 100%;
  float: left;
  min-height: 100px;
  position: static;
}

.avia-section.avia-section-small {
  min-height: 0;
}

#top #main .avia-section .template-page {
  width: 100%;
  border: 0;
  margin-left: auto;
  padding-left: 0;
  margin-right: auto;
}

.avia-section .template-page .entry-content-wrapper {
  padding-right: 0;
}

.avia-section-small .content {
  padding-top: 20px;
  padding-bottom: 20px;
}

.html_header_sticky_disabled .container_wrap:first-child {
  border-top: 0;
}

#top #wrap_all #main .avia-no-border-styling {
  border: 0;
}

.html_minimal_header #main>.avia-builder-el-0 {
  border-top: 0;
}

#top .iconbox {
  background: transparent;
}

.iconbox {
  margin-bottom: 30px;
  position: relative;
  clear: both;
}

.iconbox_icon {
  float: left;
  margin: 2px 10px 0 0;
  height: 23px;
  width: 23px;
  font-size: 23px;
  line-height: 18px;
}

.iconbox_left .iconbox_icon {
  border-radius: 50px;
  text-align: center;
  position: relative;
  top: -7px;
  left: -5px;
  height: 30px;
  width: 30px;
  line-height: 30px;
  margin: 2px 0 0 0;
}

.iconbox .iconbox_content .iconbox_content_title {
  border: medium none;
  padding: 2px 0 0 0;
  position: relative;
  margin: 0 0 16px 0;
  clear: none;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 1.25em;
}

.iconbox .iconbox_content p:last-child {
  margin-bottom: 0;
}

#top .iconbox_content_container {
  line-height: 1.65em;
}

@media only screen and (max-width:767px) {
  .responsive #top .avia-slideshow-controls a {
    display: none;
  }
}

.avia-slideshow {
  position: relative;
  margin: 50px 0;
  width: 100%;
  clear: both;
  overflow: hidden;
}

.avia-slideshow-inner {
  padding: 0;
  margin: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
}

#top .av-default-height-applied .avia-slideshow-inner {
  height: 0;
}

.avia-slideshow li {
  padding: 0;
  margin: 0;
  list-style-type: none;
  list-style-position: outside;
  position: absolute;
  visibility: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  clear: both;
  opacity: 0;
  overflow: hidden;
}

.avia-slideshow li:first-child {
  position: relative;
  visibility: visible;
  z-index: 3;
}

.avia-slideshow li img {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: 3px;
  position: relative;
}

.avia-slideshow.image_no_stretch li img {
  width: auto;
}

#top .avia-slideshow-arrows a {
  display: block;
  text-decoration: none;
  color: #fff;
  visibility: visible;
  position: absolute;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 62px;
  font-size: 25px;
  top: 50%;
  margin: -30px 15px 0;
  z-index: 99;
  overflow: hidden;
  text-indent: -600%;
}

#top .avia-slideshow-arrows a.next-slide {
  right: 0;
}

.avia-slideshow-arrows a:before {
  visibility: visible;
  display: block;
  position: absolute;
  z-index: 100;
  background: #aaa;
  background: rgba(0,0,0,0.3);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 3px;
  text-align: center;
  line-height: 62px;
  color: inherit;
}

.prev-slide:before {
  text-indent: -2px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.next-slide:before {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-indent: 0;
}

.avia-slideshow-dots {
  position: absolute;
  z-index: 200;
  width: 100%;
  bottom: 0;
  text-align: center;
  left: 0;
  height: 0;
}

.avia-slideshow-dots a {
  display: inline-block;
  height: 13.5px;
  width: 13.5px;
  border-radius: 14px;
  background: #000;
  opacity: .6;
  filter: alpha(opacity=60);
  text-indent: 100px;
  overflow: hidden;
  margin: 0 1px;
  padding: 7px;
  position: relative;
  bottom: 33px;
  -webkit-backface-visibility: hidden;
}

.avia-slideshow-dots a.active {
  opacity: .8;
  filter: alpha(opacity=80);
  background: #fff;
}

.avia-slideshow-inner li {
  -webkit-transform-style: preserve-3d;
}

.avia-fullwidth-slider {
  border-top-style: solid;
  border-top-width: 1px;
  z-index: 1;
}

.avia-fullwidth-slider.avia-builder-el-0 {
  border-top: 0;
}

.avia-slide-wrap {
  position: relative;
  display: block;
}

.av_slideshow_full.avia-slideshow {
  margin: 0;
}

#top .av_slideshow_full.av-control-default .avia-slideshow-arrows a {
  margin: -50px 0 0 0;
  width: 35px;
  text-align: center;
  height: 100px;
  line-height: 102px;
  opacity: .5;
}

#top .av_slideshow_full.av-control-default .next-slide:before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 102px;
}

#top .av_slideshow_full.av-control-default .prev-slide:before {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  line-height: 102px;
}

.av_slideshow_full li img {
  border-radius: 0;
}

body {
  font-size: 14px;
}

html,
#scroll-top-link {
  background-color: #0d716a;
}

#scroll-top-link {
  color: #fff;
  border: 1px solid #0d716a;
}

.html_stretched #wrap_all {
  background-color: #0d716a;
}

.alternate_color div {
  border-color: #e1e1e1;
}

.alternate_color .special-heading-inner-border {
  border-color: #a2a2a2;
}

.main_color,
.main_color div,
.main_color header,
.main_color footer,
.main_color article,
.main_color span,
.main_color h3,
.main_color p,
.main_color a,
.main_color img,
.main_color ul,
.main_color li,
.main_color article,
.main_color footer,
.main_color header {
  border-color: #e1e1e1;
}

.main_color {
  background-color: #f8f8f8;
  color: #666;
}

.main_color .heading-color,
.main_color h3 {
  color: #263373;
}

.main_color .special-heading-inner-border {
  border-color: #666;
}

.main_color a {
  color: #82a846;
}

.main_color ::-webkit-input-placeholder {
  color: #8d8d8d;
}

.main_color ::-moz-placeholder {
  color: #8d8d8d;
  opacity: 1;
}

.main_color :-ms-input-placeholder {
  color: #8d8d8d;
}

#main {
  border-color: #e1e1e1;
}

.header_color,
.header_color div,
.header_color nav,
.header_color span,
.header_color a,
.header_color img,
.header_color strong,
.header_color ul,
.header_color li,
.header_color nav {
  border-color: #e1e1e1;
}

.header_color {
  background-color: #fff;
  color: #263373;
}

.header_color .social_bookmarks a,
.header_color .phone-info,
.header_color .phone-info a {
  color: #aaa;
}

.header_color a,
.header_color strong {
  color: #558b87;
}

.header_color .avia-menu-fx,
.header_color .avia-menu-fx .avia-arrow {
  background-color: #558b87;
  color: #fff;
  border-color: #336965;
}

.header_color .container_wrap_meta {
  background: #f8f8f8;
}

.header_color .avia-bullet {
  border-color: #558b87;
}

.header_color ::-webkit-input-placeholder {
  color: #aaa;
}

.header_color ::-moz-placeholder {
  color: #aaa;
  opacity: 1;
}

.header_color :-ms-input-placeholder {
  color: #aaa;
}

.header_color .header_bg {
  background-color: #fff;
  color: #aaa;
}

.header_color .sub_menu>ul>li>a,
.header_color .main_menu ul:first-child>li>a {
  color: #aaa;
}

.header_color .main_menu ul:first-child>li.current-menu-item>a,
.header_color .main_menu ul:first-child>li.current_page_item>a {
  color: #263373;
}

.header_color .sub_menu ul li,
.header_color .sub_menu ul {
  background-color: #fff;
}

#main {
  background-color: #fff;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #aaa;
}

.header_color .av-hamburger-inner,
.header_color .av-hamburger-inner::before,
.header_color .av-hamburger-inner::after {
  background-color: #263373;
}

@media only screen and (max-width:767px) {
  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: #263373;
  }
}

@media only screen and (max-width:767px) {
  .header_color div .av-hamburger-inner,
  .header_color div .av-hamburger-inner::before,
  .header_color div .av-hamburger-inner::after {
    background-color: #aaa;
  }
}

#top .main_color .onsale {
  background-color: #82a846;
}

.header_color .cart_dropdown_first .cart_dropdown_link {
  color: #263373;
}

.header_color .cart_dropdown .dropdown_widget {
  color: #aaa;
}

.header_color .cart_dropdown .dropdown_widget .widget_shopping_cart_content,
.header_color .cart_dropdown_link,
.header_color .avia-arrow {
  background-color: #fff;
}

.header_color .avia-bullet {
  border-color: #aaa;
}

#top .av-cart-counter {
  background-color: #558b87;
  color: #fff;
}

body {
  font-family: ' helvetica','HelveticaNeue','Helvetica Neue',Helvetica,Arial,sans-serif;
}

.container {
  width: 100%;
}

.responsive .container {
  max-width: 1310px;
}

#top #header .av-main-nav>li>a {
  font-size: 14px;
}

#top #header_meta {
  background-color: #0d716a;
}

#top #header_meta a,
#top #header_meta li,
#top #header_meta .phone-info {
  color: #fff;
  border-color: #0d716a;
}

ul.cart_dropdown {
  border: 0 !important;
}

#top .main_color .onsale {
  background-color: #2997ab;
  display: none;
}

.avia-fullwidth-slider.avia-shadow {
  box-shadow: none;
}

@media only screen and (max-width:767px) {
  #top #header_main .logo {
    width: 50% !important;
  }
}

#top #wrap_all .av-social-link-facebook a {
  color: #fff;
  background-color: #37589b;
}

#top #wrap_all .av-social-link-twitter a {
  color: #fff;
  background-color: #46d4fe;
}

#top #wrap_all .av-social-link-gplus a {
  color: #fff;
  background-color: #de5a49;
}

#top #wrap_all .av-social-link-whatsapp a {
  color: #fff;
  background-color: #3bb528;
}

#top #wrap_all .av-social-link-linkedin a {
  color: #fff;
  background-color: #409cca;
}

#top #wrap_all .av-social-link-instagram a {
  color: #fff;
  background-color: #a67658;
}

#top #wrap_all .av-social-link-youtube a {
  color: #fff;
  background-color: #a72b1e;
}

p,
a,
strong {
  color: black !important;
}

a {
  text-decoration: underline;
}

.container {
  width: 100%;
}

#top {
  overflow-x: hidden;
}

.container {
  width: 100%;
  margin: 0 auto;
}

.units {
  margin: 0;
}

#top .flex_column {
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
}

#header_main {
  border-bottom: 0;
}

nav,
#scroll-top-link {
  display: none;
}

.avia-shadow {
  box-shadow: inset 0 0 0 rgba(0,0,0,0);
}

.content {
  border: 0;
}

.avia-fullwidth-slider {
  display: none;
}
    October 7, 2017 at 4:46 am #861269

    Topic: Custom Product Images w/Sale Tags

    in forum Enfold
    Kahil
    Participant

    THIS IS NOT A SUPPORT REQUEST, IT’S JUST THE TIP BRO
    Like many others, I am using the advanced layout builder for my WooCommerce product pages. For me, the default layouts with a standard setup weren’t working for my needs. For those interested, here is some code you can use to create a custom shortcode to throw in the code widget which will automatically call and display the featured graphic in much the same way the default setup does, but with an added bonus of slapping on a sale badge if the product is on sale. Note that I am also using ACF (Advanced Custom Fields) with my setup to get specific extras. For instance, in this example, I use it to add specific sale details on the sale badge like “SAVE 10%”. Otherwise, it will just say “SALE” on the badge. If you aren’t using ACF, I highly recommend it if you plan to add a lot of customizations to your site in general.

    As always, place this code in your child theme’s functions.php file and customize as needed. For this, I have two options… One for a product image that can be clicked on to view the larger graphic in a lightbox, and another that is just an image. I use both options depending if the item is a physical product or a service.

    Here are examples…
    Custom Product Images w/Sale Tags

    // Shortcode for product image
function show_product_image() {
	global $product;
if ( $product->is_on_sale() ) {
	$sale_badge_bg = "[direct link to your sale badge/ribbon graphic]";
	$sale_tagline = get_field('sale_tag');
	if ($sale_tagline) {
	$sale_tag = " - " . $sale_tagline;
	$sale_badge = "<h2 style='background: url(".$sale_badge_bg.") no-repeat scroll right center; background-size:cover; width: max-content; text-align:left; color:#f5f5f5; font-size:22px; padding:13px 20px 13px 13px; position:absolute; top:-4px; z-index:10;'>SALE". $sale_tag ."</h2>";
	}}
	$product_image = get_the_post_thumbnail( $post_id, 'shop_catalog' );
	$product_image_large = get_the_post_thumbnail_url( $post_id, 'large' );
	return '<div class="product-image avia-image-container avia-builder-el-12 el_after_av_codeblock el_before_av_hr avia-align-center no-overlay" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><div class="avia-image-container-inner">' . $sale_badge .'<a rel="lightbox" data-rel="gallery-1" class="lightbox" href="' . $product_image_large . '">' . $product_image . '</a></div></div><section class="av_textblock_section " itemscope="itemscope" itemtype="https://schema.org/CreativeWork"><div class="avia_textblock text-center no-margin " itemprop="text"><p><small>CLICK TO PREVIEW</small></p>
</div></section>';
	}
add_shortcode( 'product_image', 'show_product_image' );

// Shortcode for nolink product image
function show_nolink_product_image() {
	global $product;
if ( $product->is_on_sale() ) {
	$sale_badge_bg = "[direct link to your sale badge/ribbon graphic]";
	$sale_tagline = get_field('sale_tag');
	if ($sale_tagline) {
	$sale_tag = " - " . $sale_tagline;
	$sale_badge = "<h2 style='background: url(".$sale_badge_bg.") no-repeat scroll right center; background-size:cover; width: max-content; text-align:left; color:#f5f5f5; font-size:22px; padding:13px 20px 13px 13px; position:absolute; top:-4px;'>SALE". $sale_tag ."</h2>";
	}}
	$product_image = get_the_post_thumbnail( $post_id, 'shop_catalog' );
	return '<div class="product-image avia-image-container avia-builder-el-12 el_after_av_codeblock el_before_av_hr avia-align-center no-overlay" itemscope="itemscope" itemtype="https://schema.org/ImageObject"><div class="avia-image-container-inner">' . $sale_badge . $product_image . '</div></div>';
	}
add_shortcode( 'nolink_product_image', 'show_nolink_product_image' );

    I have plenty of code examples like this I can and will share provided the mods here don’t have a BF about it. ;P

    October 3, 2017 at 9:24 am #859521

    In reply to: Special Header for a similar website

    Guenni007

    https://webers-testseite.de/weber/

    click the images to enlarge
    first of all if you do not need the shrinking option it is not so complicated as it seems
    Insert as usual a logo to the enfold options.

    you have to go to dashboard – appearance – menus

    insert a home link. On top right of the dashboard window – there is a slide out option called “Screen Options” Press it.
    Here you have some settings. Please mark the css classes.

    If you click on those littel arrows besides the menupoints you can insert different things now:

    On Navigation label you can insert the image link now something like:
    <img src="https://url.com/logo-top.png" alt="Logo" />
    On css classes : logoimg
    You only are in the midpoint if you have odd number of menupoints.
    We now have to get rid of the logo container
    Quick css:

    .logo, .logo a { display: none }
.logoimg img { width: auto ; max-height: 172px }
.container.av-logo-container { position: absolute }
.logoimg .avia-menu-fx { display: none }
#av-burger-menu-ul li:nth-child(4) { display: none }

    the last rule is to have not the menu-point on burger menu
    you have to count what menu-point is your logo (here it is on 4th position of the menu)

    and to have the normal logo on responsive case:

    @media only screen and (max-width: 768px){
.container.av-logo-container { position: relative }
.logo, .logo a { display: block }
}

    ___________________
    with shrink option :

    we have to use the function avia_header_size() of avia.js
    the code to see is on pastebin: look
    download it as js file: download

    you see on line 61 (original it is 1551 on avia.js) of my code that i get rid of the not mobile option.
    i set on line 47 : navlogo = $('.logoimg img'), and
    on line 92 i added this code: navlogo.css({'maxHeight': 1.72*newH + 'px'});

    these values you can play with. I have on my testinstallation a 100px custom height of the header
    my logo is 172px hight – so my factor here is 1.72

    upload that menu_logo.js file to your child-theme js-folder (create a subfolder in childtheme called : js
    loading the script above in enfold open your functions.php via dashboard – appearance – editor and insert:

    function include_menulogo() {
   wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/menu_logo.js', array('jquery', 'avia-default'), 2, true );
}
add_action( 'wp_enqueue_scripts', 'include_menulogo', 100 );

    now the “logo” of your menu shrinks on scrolling.

    • This reply was modified 8 years, 5 months ago by Guenni007.
    October 2, 2017 at 4:58 pm #859288

    Topic: Pb of scroll with fix transparent menu

    in forum Enfold
    Todo
    Participant

    Hello,

    I have a problem. On my website I put a fixed and transparent menu. So at the scroll, it stays at the top of the page, we find the logo and the burger menu (all the rest is transparent). The problem is that on my homepage I use 100% color sections of the browser size and also arrows to scroll automatically to the next section. Only with the click the scroll is not perfect because there is the height of the menu (transparent in my case) which is added.
    I saw a discussion about this: https://kriesi.at/support/topic/scroll-down-to-next-section-offset/
    But I’m not sure how to change the. js and this solution doesn’t seem to stay up to date with the theme.
    Do you have another solution?

    Thank you in advance,

    September 26, 2017 at 5:24 am #856769

    In reply to: Enfold Burger Menu – Left Justify Dropdown

    Ismael

    Hi,

    Please add this code in the Quick CSS field.

    .html_av-overlay-side .av-burger-overlay-scroll {
    right: auto;
    left: 0;
}

.html_av-overlay-side .av-burger-overlay-scroll {
    width: 350px;
    -webkit-transform: translateX(-350px);
    transform: translateX(-350px);
}

    Best regards,
    Ismael

    September 21, 2017 at 10:41 pm #855093

    In reply to: Notice at the bottom in BackEnds

    webmanu

    Hi Victoria
    I really don’t know what you’re talking about. I know WordPress quite well.
    Got to https://dev.wohnenimpark-niederglatt.ch/die-wohnungen/
    scroll down and open the accordian. It’s very ugly if the user has to scroll each time manually to see the content.
    There should be a javascript or function, that the open trigger scrolls to the top of the page automatically.
    Thanks for your help for that.

    September 10, 2017 at 7:25 pm #850175

    In reply to: Image in table header won't display on mobile

    Mike

    Hi,
    The issue is caused by your plugin JCH Optimize Pro try turning it off and flush WP Fastest Cache, or turn them both off.
    This solves the image link code from showing, but your image won’t show because for mobile the shortcodes.css collapses that area.
    If you want to show your full table on mobile, which maybe hard to read, you’ll need to remove this code from shortcodes.css between lines 1725 – 1765, and add the modified file to your child theme:

    @media only screen and (max-width: 767px)
{
	.responsive div .avia_responsive_table .avia-data-table table,
    .responsive div .avia_responsive_table .avia-data-table tbody,
    .responsive div .avia_responsive_table .avia-data-table tr,
    .responsive div .avia_responsive_table .avia-data-table td,
    .responsive div .avia_responsive_table .avia-data-table th{display:block; border-top:none; border-right:none; border-left:none; text-align: center;}
    .responsive .avia_responsive_table .avia-data-table{border-style:solid; border-width: 1px;}
    .responsive .avia_responsive_table .avia-data-table .avia-pricing-row .avia-desc-col{text-align: center;}
    .responsive .avia_responsive_table .avia-data-table .avia-button-row, .responsive .avia_responsive_table .avia-data-table tr:first-child th{display:none;}
    .responsive .avia_responsive_table .avia-data-table td:before {
	display:block;
	font-style: italic; font-size: 11px;
	}

	.responsive .avia_responsive_table .avia-data-table td {
		position: relative;
	}

    .responsive .avia_scrollable_table {
        width: 100%;
        overflow-x: scroll;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
	
    .avia_scrollable_table .avia-table {
    	width: auto;
    }

    .responsive .avia_scrollable_table .avia-data-table > thead > tr > th,
    .responsive .avia_scrollable_table .avia-data-table > tbody > tr > th,
    .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > th,
    .responsive .avia_scrollable_table .avia-data-table > thead > tr > td,
    .responsive .avia_scrollable_table .avia-data-table > tbody > tr > td,
    .responsive .avia_scrollable_table .avia-data-table > tfoot > tr > td {
        white-space: nowrap;
    }
}

    I don’t recommend this, as it will be hard to read on mobiles

    Best regards,
    Mike

    September 10, 2017 at 6:46 am #850053

    Topic: filterable compact phot albums

    in forum Enfold
    lucky7t
    Participant

    OK so i think last time this was discussed it was confusing so im going to try to make it simple.

    I have products that are certain colors. I have many pictures of each color showing this product at different angles .

    My previous website i installed a gallery that had albums. In other words you could insert 50 images in one album. The user would click this one album and a lightbox would pop up and view these 50 images.

    I asked this a while back and my reply back was ” we enfold has galleries that are filterable” so i tried this three different ways.

    One way is to create a portfolio and make a category , in this portfolio you add “preview images” then you make a page and insert a gallery and select ajax portfolio. The only issue with this is that once a user clicks the image it then opens up a gallery then you click an image in the galelry and then it opens a lightbox. This seems extremely complex and really needs to skip the gallery process and go straight to the lighbox. Im not real sure why that is this way. Also the gallery cuts your image automatically and looks horrible unless you would like to resize and crop all 800 if your images.

    the second way you can do it same as above but in gallery you select open big image in lighbox. Well thats a great idea right??? you would think that it would open the multiple images in your preview but nope its opens the one image and then as you scroll through you go to the rest in the gallery which makes zero sense. Why would you have a gallery with categories if the lightbox scrolls to the next category?

    all in all im stumped. Ive hired a pro and hes stumped. Its so simple what we wna to accomplish but yet its impossible to explain. we just want albums that you can sort by name an dopen the images in that album only if that album is clicked .

    lastly, if you make a gallery and i insert 650 images of all colors and angles wouldnt that look insane? I’m very confused as the logic behind this gallery. Ive tried to install other galleries but your theme conflicts and wont allow it. Interesting though when i installed one today i inserted an actual album and once i opened it it conflicted but behind the window was your lighbox with the images in preview. So i know it can work like it should. I just cant figure it out.

    I know support is limited by time and appreciate that very much but ive offered to pay many times for support. Im in a crunch here and trying hard to get this site operational.

    September 5, 2017 at 12:28 pm #848079

    In reply to: Problem in URL after scroll down arrow

    giaco_he

    Hi,

    what about not making the down arrow ‘clickable’? I just want people to see that they can scroll down. Doesn’t have to scroll down to the next section automatically when clicking. The down arrow should just be there (would even prefer it not moving up and down).

    Thanks!

    • This reply was modified 8 years, 6 months ago by giaco_he.
    August 31, 2017 at 7:49 am #846103

    In reply to: Issue with tab section

    Günter

    Hi,

    Thank you for using Enfold and sorry for the troubles you have.

    Please refer to https://kriesi.at/support/topic/tab-section-automatically-scrolled-up-the-page/ for a temporary solution of this problem. Will be fixed in the next update.

    Let us know, if this helps you.

    Best regards,
    Günter

    August 30, 2017 at 2:44 pm #845811

    Topic: "sticky header" on mobile

    in forum Enfold
    vlkwatchman
    Participant

    hey there!

    i enabled sticky header on mobile via the following:

    @media only screen and (max-width: 768px) {
    #top #wrap_all .social_bookmarks a {
    color: #969696;
    }
    #header {
    position: fixed!important;
    width: 100%!important;
    }}

    HOW CAN I MAKE IT TRANSPARENT UNTIL AFTER SCROLL LIKE ON THE DESKTOP?

    as of now, ON MOBILE, it automatically is solid on page load … and it cuts off the top of my layer slider.

    thanks for the help!

    chris

    August 25, 2017 at 9:05 am #843796

    In reply to: Import Enfold Demo Pages & Posts But Not Theme Settings

    Ismael

    Hi,

    Please turn on the debug mode then use the following “blog” shortcode.

    // http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='http://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Latest News
Everything thats going on at Enfold is collected here' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']

[av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)']
<p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff.
This can be used to describe what you do, how you do it, & who you do it for.

[/av_textblock]
[/av_section]

[av_blog blog_type='posts' link='category' blog_style='single-big' columns='3' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='1' offset='no_duplicates' paginate='no' conditional='is_subpage']

[av_blog blog_type='posts' link='category' blog_style='blog-grid' columns='2' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='6' offset='no_duplicates' paginate='yes']

    The post is created with the default editor.

    Best regards,
    Ismael

    August 21, 2017 at 3:50 pm #842062

    In reply to: installed demo site looks funny

    mimpoz

    i put different posts and you only responded to the last one:
    i tried importing a layer slider from the template store and it was just scrolling and scrolling. if you can do that it would be helpful. it is frustrating because you respond different time then i work and every time i have to wait a whole day for your response so if you can help me get this done faster that would be good.

    i just change some styles for the header. how can i get the mobile menu to pull out on the right – you do have an option to put the menu on the left so then it should automatically open on the left with that settings. if you need to you can remove my styles from the child theme style sheet for a few minutes to see it default on the left. that is the only thing i modified.

    August 17, 2017 at 6:57 pm #840579

    Topic: Tab Section Automatically Scrolled Up the Page

    in forum Enfold
    Sadegh
    Participant

    Hi,
    I am using ‘Tab Section‘ element in our homepage (link in private box), as illustrated below:
    .

    When I navigate through the tabs, after three to five times clicks on those tabs, the page scrolled up automatically. How can I prevent it?

    Thanks,
    Sadegh

    August 17, 2017 at 3:38 pm #840455

    In reply to: installed demo site looks funny

    mimpoz
    This reply has been marked as private.
    August 17, 2017 at 6:16 am #840236

    In reply to: sticky mobile menu

    Ismael

    Hi,

    Thank you for using Enfold.

    Please add this code in the Quick CSS field.

    @media only screen and (max-width: 767px) {
    .responsive #top .header-scrolled-full + #main .av-submenu-container {
        top: 81px !important;
        position: fixed !important;
        height: auto;
        min-height: 0;
        margin-bottom: -1px;
     }
}

    The top value depends on the height of the mobile header. Also, you might want to limit the number of sub menu element to one per page.

    Best regards,
    Ismael

    August 16, 2017 at 10:48 am #839819

    In reply to: Make entire column scrollable.

    tjswarbs78

    Excellent thanks for the link.

    OK, so first thing to do is…
    1) remove the option to set both columns to equal height. This will make each column take on a height equal to the content.
    2) give the right hand column a class (I used scrolling-col)
    3) use some css to set a height for column and add scroll effect for the overflow content.

    .scrolling-col {
    height: 1000px!important;
    max-height: 1000px!important;
    overflow: auto;
    width: 100%!important;
}

    I had to add a width as I had to manually remove the classes that created equal columns and doing so for some reason removed the column width too. The width shouldn’t be needed.

    That will / should give the following look

    screenshot

    Give that a whirl and let us know the outcome. We can then look at live page again if needed.

    Thanks

    TJ

    August 11, 2017 at 4:59 am #837275

    Topic: CategoryTinymce 5 Content Disappears

    in forum Enfold
    RRaker
    Participant

    Hi,

    I’m using CategoryTinymce 5 to put content below products & subcategories on archive pages.
    Previously I created unique pages and used another plug-in to overwrite the category page, it was VERY time consuming and didn’t auto update when I added new products and categories.

    CategoryTinymce 5 is much faster and is successful at creating the content, but after about 15 minutes content with avia builder elements disappears. Standard text seems to stay.

    Here’s what I want them to look like:
    http://accutuneoffroad.com/product-category/fox-racing-shocks/fox-coilovers/2-0-fox-coilovers-58-shaft-emulsion/

    Here is one where I pasted the following content, only for it to disappear:
    http://accutuneoffroad.com/product-category/fox-racing-shocks/fox-coilovers/2-0-fox-coilovers-remote-reservoir/

    [av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='feature' color='main_color' custom_bg='#f7f7f7' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][av_headline_rotator before_rotating='<strong>Fox 2.0 Remote Reservoir Coilover Features</strong>' after_rotating='' interval='5' animation='' tag='h2' size='25' align='center' custom_title=''][av_rotator_item title=' ' link='' linktarget='' custom_title=''][/av_headline_rotator][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/AccuTune-Logo-Color-White-Bg-300w-Gray-BG-300x120.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Pre-Tuned Fox 2.0 Remote Reservoir Coilovers' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']AccuTune Off-Road delivers the best performing Fox 2.0 Remote Reservoir Coilovers because of our experience, <a href="http://accutuneoffroad.com/accutune-equations/">AccuTune Equations</a>, and <a href="http://accutuneoffroad.com/accutune-double-flutter-stacks/">AccuTune Double Flutter Stacks</a>. The combination of our new techniques and highly accurate equations result in Fox 2.0 Coilovers that substantially outperform the factory valving and semi-tuned valving sold by our competitors. With Fox Coilovers from AccuTune Off-Road your ride will be more comfortable and more controllable no matter what terrain you're on. Our 2.0 Fox Remote Reservoir Coilovers come with free custom tuning, free spring swapping, and free disk swapping or free re-valve. When you want the best Fox 2.0 Remote Reservoir Coilovers look no further than AccuTune Off-Road.[/av_textblock][/av_three_fifth][av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808'][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/2015/07/Spring-Performance.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Fox 2.0 x 7/8" Shaft Coilovers' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']Fox 2.0 Coilovers with 7/8″ shaft provide greater strength and durability than the 5/8" shaft shocks. The large Fox coilover shaft is made from extremely hard and extremely corrosion resistant stainless steel so they're stronger and more durable than any other shaft on the market. 7/8" shaft Fox 2.0 Coilovers are recommended for most standard applications.[/av_textblock][/av_three_fifth][av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808'][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/Fox-Remote-Reservior-Shocks.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Fox 2.0 Remote Reservoir Coilovers' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']Remote Reservoirs take Fox 2.0 Coilovers to the next level. The most well known benefits of Remote Reservoir Fox Coilovers are the added oil volume, and increased heat dissipation, but the benefits don’t stop there. Remote Reservoirs also provide better durability and improved ride quality by reducing the Fox Coilover operating pressure. Reducing the operating pressure substantially reduces friction which makes for a smoother ride, and increases seal life. Factory Series Fox 2.0 Remote Reservoir Coilovers deliver the ultimate performance and durability.[/av_textblock][/av_three_fifth][av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808'][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/Fox-King-sway-a-way-Coilover-Springs-1.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Fox 2.0 Coilovers With Dual Rate Springs' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']Fox 2.0 Remote Reservoir Coilovers come with all the hardware to run dual rate springs. <a href="http://accutuneoffroad.com/product-category/springs/2-5-id-coilover-springs/">Dual rate coilovers springs</a> allow the Fox 2.0 Coilovers to have a soft initial ride, then to firm up when hitting large bumps. The result is a smoother ride, better handling, and more control in rough terrain. At AccuTune Off-Road we are happy to help you select the proper <a href="http://accutuneoffroad.com/product-category/springs/2-5-id-coilover-springs/">springs and for your 2.0 Fox Remote Reservoir Coilovers</a>.[/av_textblock][/av_three_fifth][av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808'][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/Fox-Factory-Series-Shocks-lg.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Fox Factory Series 2.0 Coilovers' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']Fox 2.0 Factory Series Coilovers are most durable coilovers on the market due to their premium components. Dented and rusty piston rods are the primary reason Fox 2.0 Emulsion Coilovers leak. By using a stainless steel piston rod that's rust resistant and twice as dent resistant as competitors Fox 2.0 Factory Series coilovers are substantially more durable. To cap if off Fox Factory Series Coilovers come with premium oil, viton seals, and a high flow piston. Look no further than Fox 2.0 Factory Series Coilovers for your ride.[/av_textblock][/av_three_fifth][av_hr class='default' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808'][av_two_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation=''mobile_display=''][av_image src='http://accutuneoffroad.com/wp-content/uploads/Fox-Logo.jpg' attachment_size='medium' align='center' styling='' hover='' link='' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][/av_two_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display=''][av_headline_rotator before_rotating='Fox 2.0 Coilover Heritage' after_rotating='' interval='5' animation='' tag='h3' size='' align='left' custom_title='' admin_preview_bg=''][av_textblock size='' font_color='' color='' admin_preview_bg='']FOX 2.0 Coilovers have dominated the top levels of professional racing for decades by providing quality and performance that racers rely on. The same meticulous attention to detail, rugged construction and technically advanced suspension damping is applied to every Fox 2.0 Remote Reservoir Coilover. Leave the pavement behind with total confidence, and find out just how good your truck or Buggy can be. Experience the ride you’ve been dreaming of with a set of Fox 2.0 Coilover Remote Reservoir shocks from AccuTune Off-Road. [/av_textblock][/av_three_fifth]<code></div></div></code>

    • This topic was modified 8 years, 7 months ago by RRaker.
    August 10, 2017 at 10:33 am #836887

    In reply to: Import Enfold Demo Pages & Posts But Not Theme Settings

    Rikard

    Hi,

    Blog page:

    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' attach='scroll' position='top center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Latest News<br/>Everything thats going on at Enfold is collected here' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']

[av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)']
<p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff.
This can be used to describe what you do, how you do it, & who you do it for.</p>
[/av_textblock]
[/av_section]

[av_blog blog_type='posts' link='category' blog_style='blog-grid' columns='3' contents='excerpt' content_length='content' preview_mode='auto' image_size='portfolio' items='6' offset='0' paginate='yes' conditional='']

    Best regards,
    Rikard

    August 10, 2017 at 6:01 am #836746

    In reply to: Use all enfold demo theme content

    Rikard

    Hi,

    Ok, great. Please add this to the shortcode box (located under the Layout Builder box) to get the first page of the Health Demo:

    [av_fullscreen size='no scaling' animation='fade' autoplay='true' interval='7' control_layout='av-control-hidden' scroll_down='aviaTBscroll_down' perma_caption='aviaTBperma_caption']
[av_fullscreen_slide slide_type='image' id='193' position='center right' video='http://' mobile_image='' video_cover='' title='Hi, I am Emma Fold!' custom_title_size='70' custom_content_size='24' caption_pos='caption_center' link_apply='button button-two' link='lightbox' link_target='' button_label='Who I am ' button_color='light' link1='page,143' link_target1='' button_label2='What I do' button_color2='theme-color' link2='page,143' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' video_controls='' video_mute='' video_loop='' video_autoplay='']
Your new personal health, nutrition and fitness coach.
[/av_fullscreen_slide]
[av_fullscreen_slide slide_type='image' id='233' position='center right' video='http://' mobile_image='' video_cover='' title='' custom_title_size='' custom_content_size='' caption_pos='caption_bottom' link_apply='' link='lightbox' link_target='' button_label='Click me' button_color='light' link1='manually,http://' link_target1='' button_label2='Click me' button_color2='light' link2='manually,http://' link_target2='' font_color='' custom_title='' custom_content='' overlay_enable='aviaTBaviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern=''][/av_fullscreen_slide]
[/av_fullscreen]

[av_layout_row border='' min_height='15px' color='main_color' mobile='av-fixed-cells' id='welcome']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#92bb46' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#acd464' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#e1fbb2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth]
[/av_layout_row]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='hello']
[av_cell_one_half vertical_align='top' padding='100px' padding_sync='true' background_color='' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading tag='h1' padding='30' heading='Hello <u>and</u> welcome' color='' style='blockquote modern-quote' custom_font='' size='70' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis <a href="#">parturient montes</a>, nascetur ridiculus mus.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_textblock size='29' font_color='' color='']
<span style="text-decoration: underline;">Donec quam felis, que eu, pretium quis, sem. Nulla consequat massa quis enim.</span>
[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align='top' padding='100px' padding_sync='true' background_color='#719430' src='https://test.kriesi.at/enfold-health-coach/wp-content/uploads/sites/19/2016/05/woman-enjoying-nature-outdoors-m-1-845x684.jpg' attachment='146' attachment_size='gallery' background_attachment='scroll' background_position='center right' background_repeat='stretch' mobile_display='']

[av_heading tag='h1' padding='30' heading='About me' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='70' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_one_half first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_textblock size='' font_color='custom' color='#ffffff']
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.
[/av_textblock]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_half][av_hr class='invisible' height='160' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_button label='More about me' link='page,143' link_target='' size='large' position='left' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']

[/av_cell_one_half]
[/av_layout_row]

[av_layout_row border='' min_height='15px' color='main_color' mobile='av-fixed-cells' id='welcome']
[av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fifth][av_cell_three_fifth vertical_align='middle' padding='50px,20px,50px,20px' background_color='#92bb46' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading tag='h1' padding='0' heading='What I can do for you' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#ffffff' size='50' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[/av_cell_three_fifth][av_cell_one_fifth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fifth]
[/av_layout_row]

[av_masonry_entries link='portfolio_entries,23' sort='no' items='-1' columns='3' paginate='pagination' query_orderby='title' query_order='DESC' size='fixed masonry' gap='large' overlay_fx='active' id='' caption_elements='title' caption_styling='overlay' caption_display='on-hover-hide' color='custom' custom_bg='#92bb46']

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-health-coach/wp-content/uploads/sites/19/2016/05/food-bg-3.jpg' attachment='248' attachment_size='full' attach='scroll' position='bottom right' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf102' font='lifestyles' title='Nutrition Plans' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
[/av_icon_box]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf122' font='lifestyles' title='Weight Loss' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis.
[/av_icon_box]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf126' font='lifestyles' title='Mental Peace' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
[/av_icon_box]

[/av_one_third][av_one_third first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf107' font='lifestyles' title='Home training' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi.
[/av_icon_box]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf11d' font='lifestyles' title='Work/Life balance' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.
[/av_icon_box]

[/av_one_third][av_one_third min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='av-no-box' icon='uf10c' font='lifestyles' title='Cardio' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='' custom_bg='' custom_font='' custom_border='']
Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Parturient montes, nascetur ridiculus mus. Donec quam felis.
[/av_icon_box]

[/av_one_third]
[/av_section]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-health-coach/wp-content/uploads/sites/19/2016/05/yoga_me-1030x687.jpg' attachment='193' attachment_size='large' background_attachment='scroll' background_position='center left' background_repeat='stretch' mobile_display='']

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='100px' padding_sync='true' background_color='#f7f7f7' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading tag='h1' padding='20' heading='<u>You</u> should also know...' color='' style='blockquote modern-quote' custom_font='' size='50' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_cell_one_half]
[/av_layout_row]

[av_layout_row border='' min_height='15px' color='main_color' mobile='av-fixed-cells' id='welcome']
[av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#719430' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#92bb46' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#acd464' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth][av_cell_one_fourth vertical_align='top' padding='0px' padding_sync='true' background_color='#e1fbb2' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[/av_cell_one_fourth]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='https://test.kriesi.at/enfold-health-coach/wp-content/uploads/sites/19/2016/05/cheese.jpg' attachment='236' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='']
[av_one_fifth first min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_heading tag='h1' padding='20' heading='Get in touch now' color='' style='blockquote modern-quote modern-centered' custom_font='' size='50' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[av_textblock size='' font_color='' color='']
<p style="text-align: center;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.</p>
[/av_textblock]

[av_hr class='invisible' height='20' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_button label='Contact me' link='page,143' link_target='' size='large' position='center' icon_select='yes-right-icon' icon_hover='aviaTBicon_hover' icon='ue879' font='entypo-fontello' color='light' custom_bg='#444444' custom_font='#ffffff']

[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_fifth]
[/av_section]

    Best regards,
    Rikard

    August 7, 2017 at 6:45 am #835228

    In reply to: animated "play video" button

    Rikard

    Hi,

    Very sorry for the late reply, it’s been a bit hectic here. You can create that layout by using and icon element inside a 1/4 element. You can see the settings in the screenshot in private.

    If you want to import that whole page then you can enable debug mode: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then add this shortcode to a new page:

    [av_section min_height='100' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' scroll_down='aviaTBscroll_down' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='https://www.youtube.com/watch?v=Wq-DEL2ONGg' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.8' overlay_color='#4ecac2' overlay_pattern='' overlay_custom_pattern='']
[av_three_fourth first]

[av_headline_rotator before_rotating='EVERYTHING UNDER ONE ROOF! WE OFFER GREAT ' after_rotating='' multiline='aviaTBmultiline' interval='3' animation='' tag='h2' size='63' align='left' custom_title='#ffffff']
[av_rotator_item title='MARKETING' link='' linktarget='' custom_title='#315e5b']
[av_rotator_item title='USER EXPERIENCE' link='' linktarget='' custom_title='#315e5b']
[av_rotator_item title='CUSTOMER SUPPORT' link='' linktarget='' custom_title='#315e5b']
[av_rotator_item title='DESIGN SKILLS' link='' linktarget='' custom_title='#315e5b']
[/av_headline_rotator]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']

[/av_three_fourth][av_one_fourth]

[av_hr class='invisible' height='50' shadow='no-shadow' position='center' custom_border='av-border-thin' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='yes' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_font_icon icon='ue897' font='entypo-fontello' style='border' caption='' link='manually,https://vimeo.com/64927358' linktarget='' size='40px' position='center' color='#ffffff']
Watch our Promo Video
[/av_font_icon]

[/av_one_fourth]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_one_fifth first]

[/av_one_fifth][av_three_fifth]

[av_heading tag='h1' padding='10' heading='We create <strong>high quality products</strong> that are used and loved by thousands of customers' color='' style='blockquote modern-quote modern-centered' custom_font='' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[/av_three_fifth][av_one_fifth]

[/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='70px' custom_margin_bottom='70px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_one_third first]

[av_textblock size='' font_color='' color='']
<h3>Lorem ipsum dolor sit amet</h3>
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<a href="#">Learn more...</a>
[/av_textblock]

[/av_one_third][av_one_third]

[av_textblock size='' font_color='' color='']
<h3>Lorem ipsum dolor sit amet</h3>
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<a href="#">Learn more...</a>
[/av_textblock]

[/av_one_third][av_one_third]

[av_textblock size='' font_color='' color='']
<h3>Lorem ipsum dolor sit amet</h3>
Consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<a href="#">Learn more...</a>
[/av_textblock]

[/av_one_third]
[/av_section]

[av_image_hotspot src='https://kriesi.at/themes/enfold-startup/files/2015/02/desat-gb_macbook.jpg' attachment='466' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-above av-tt-align-right' tooltip_width='av-tt-large-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='35.9,31.2']
First of all select the "<strong>Enfold</strong>" option from your admin menu
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-top' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='58.6,35.4']
Open the demo import tab
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-centered' tooltip_width='av-tt-large-width' tooltip_style='main_color av-tooltip-shadow' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='65.1,52.6']
Select the demo you like and click the <strong>import</strong> button
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-bottom' tooltip_width='av-tt-default-width' tooltip_style='main_color' link='' hotspot_color='custom' custom_bg='#4ecac2' custom_font='#ffffff' custom_pulse='' hotspot_pos='32.2,68']
Save the page once you are done
[/av_image_spot]
[/av_image_hotspot]

[av_button_big label='Learn more' description_pos='below' link='manually,http://' link_target='' icon_select='no' icon='ue800' font='entypo-fontello' custom_font='#ffffff' color='theme-color' custom_bg='#444444' color_hover='custom' custom_bg_hover='#444444'][/av_button_big]

[av_section min_height='' min_height_px='500px' padding='huge' shadow='no-border-styling' bottom_border='border-extra-arrow-down' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']

[av_heading heading='What our customers say about us' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_testimonials style='slider_large' columns='2' interval='5' font_color='' custom_title='' custom_content='#bcbcbc']
[av_testimonial_single src='468' name='Markus Meyer' subtitle='CEO' link='#' linktext='Floorfilla Media']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_testimonial_single]
[av_testimonial_single src='472' name='Susan Charice' subtitle='CTO' link='#' linktext='Mambajuice']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_testimonial_single]
[/av_testimonials]

[/av_section][av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#f8f8f8' src='https://kriesi.at/themes/enfold-startup/files/2015/02/hipster-working.jpg' attachment='473' attachment_size='full' attach='parallax' position='center right' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.3' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='']
[av_three_fifth first]

[/av_three_fifth][av_two_fifth]

[av_heading heading='Who are we? What do we do?' tag='h1' style='blockquote modern-quote' size='' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='10px' custom_margin_bottom='10px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_textblock size='' font_color='' color='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

<a href="#">Learn more...</a>
[/av_textblock]

[/av_two_fifth]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_one_fifth first]

[/av_one_fifth][av_three_fifth]

[av_heading heading='Developed with the <strong>best partners</strong> you can think of' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='10' color='' custom_font=''][/av_heading]

[/av_three_fifth][av_one_fifth]

[/av_one_fifth][av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#000000' custom_margin_top='40px' custom_margin_bottom='40px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello']

[av_partner columns='5' heading='' size='no scaling' border='av-border-deactivate' type='slider' animation='slide' navigation='no' autoplay='true' interval='5']
[av_partner_logo id='474'][/av_partner_logo]
[av_partner_logo id='475'][/av_partner_logo]
[av_partner_logo id='476'][/av_partner_logo]
[av_partner_logo id='477'][/av_partner_logo]
[av_partner_logo id='478'][/av_partner_logo]
[av_partner_logo id='479'][/av_partner_logo]
[av_partner_logo id='480'][/av_partner_logo]
[av_partner_logo id='481'][/av_partner_logo]
[av_partner_logo id='482'][/av_partner_logo]
[av_partner_logo id='483'][/av_partner_logo]
[/av_partner]
[/av_section]

[av_section min_height='75' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='main_color' custom_bg='' src='https://kriesi.at/themes/enfold-startup/files/2015/02/desat-laptop.jpg' attachment='484' attachment_size='full' attach='parallax' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.5' overlay_color='#ffffff' overlay_pattern='' overlay_custom_pattern='']
[av_one_fifth first]

[/av_one_fifth][av_three_fifth]

[av_heading tag='h1' padding='10' heading='Want to know when we got news on our latest product? <strong>Sign up for our newsletter now!</strong>' color='custom-color-heading' style='blockquote modern-quote modern-centered' custom_font='#000000' size='40' subheading_active='' subheading_size='15' custom_class=''][/av_heading]

[/av_three_fifth][av_one_fifth]

[/av_one_fifth][av_one_third first]

[/av_one_third][av_one_third]

[av_contact  (Email address hidden if logged out) ' title='' button='Sign Up' on_send='redirect' sent='Your message has been sent!' link='page,18' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='']
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_three_fourth' multi_select=''][/av_contact_field]


[/av_contact]

[/av_one_third][av_one_third]

[/av_one_third]
[/av_section]

    Best regards,
    Rikard

    August 5, 2017 at 10:27 am #834678

    In reply to: Custom Shop end custom product WooCommerce Enfold 2017

    Rikard

    Hi Marcin,

    Ok, then here are the shortcodes:

    Custom shop:

    [av_section min_height='' min_height_px='500px' padding='huge' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-cc.jpg' attachment='1183' attachment_size='full' attach='scroll' position='bottom center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.6' overlay_color='#000000' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Custom Shop<br/>This is a shop overview page built with the layout editor' tag='h1' style='blockquote modern-quote modern-centered' size='40' subheading_active='' subheading_size='15' padding='0' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='center' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']

[av_textblock size='' font_color='custom' color='#dddddd' admin_preview_bg='rgb(34, 34, 34)']
<p style="text-align: center;">Hey there! We are Enfold and we make really beautiful and amazing stuff.
This can be used to describe what you do, how you do it, & who you do it for.</p>
[/av_textblock]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Recent Top Sellers' tag='h2' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='10' color='' custom_font='' admin_preview_bg=''][/av_heading]

[av_productslider columns='4' items='8' offset='0' sort='0' autoplay='yes' interval='5']
[/av_section]

[av_layout_row border='' min_height='0' color='alternate_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='60px,130px,60px,130px' background_color='#f3f3f3' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading tag='h2' padding='10' heading='Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ' color='' style='blockquote modern-quote' custom_font='' size='30' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg=''][/av_heading]

[av_textblock size='' font_color='' color='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque <strong>penatibus</strong> et magnis dis parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque eu, <strong>pretium</strong> quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='0px' padding_sync='true' background_color='#f3f3f3' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_image_hotspot src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/portfolio-4.jpg' attachment='863' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='' link_target='' hotspot_color='custom' custom_bg='#9cc2df' custom_font='#ffffff' custom_pulse='' hotspot_pos='9.1,70.6']
Candle by Roger Ramoni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='' link_target='' hotspot_color='custom' custom_bg='#9cc2df' custom_font='#ffffff' custom_pulse='' hotspot_pos='33,31.1']
Sextant by Victor Secreni
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-left av-tt-align-centered' tooltip_width='av-tt-default-width' tooltip_style='main_color av-tooltip-shadow' link='' link_target='' hotspot_color='custom' custom_bg='#9cc2df' custom_font='#ffffff' custom_pulse='' hotspot_pos='78.4,54']
Map by Sandra Sounders
[/av_image_spot]
[/av_image_hotspot]

[/av_cell_one_half]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_productgrid columns='4' items='8' offset='0' sort='dropdown' paginate='yes']
[/av_section]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='' color='main_color' custom_bg='#f8f8f8' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_one_half first]

[av_icon_box position='left_content' icon_style='av-icon-style-no-border' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#bbbbbb' custom_border='' admin_preview_bg='']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_icon_box]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' icon_style='av-icon-style-no-border' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#bbbbbb' custom_border='' admin_preview_bg='']
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_icon_box]

[/av_one_half][av_one_half first]

[av_icon_box position='left_content' icon_style='av-icon-style-no-border' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#bbbbbb' custom_border='' admin_preview_bg='']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_icon_box]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' icon_style='av-icon-style-no-border' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='' custom_title='' custom_content='' color='custom' custom_bg='' custom_font='#bbbbbb' custom_border='' admin_preview_bg='']
enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus.
[/av_icon_box]

[/av_one_half]
[/av_section]

[av_section min_height='' min_height_px='500px' padding='large' shadow='no-shadow' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' id='sign-up' color='main_color' custom_bg='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-cc.jpg' attachment='1183' attachment_size='full' attach='fixed' position='center center' repeat='stretch' video='' video_ratio='16:9' overlay_enable='aviaTBoverlay_enable' overlay_opacity='0.7' overlay_color='#35383c' overlay_pattern='' overlay_custom_pattern='' av_element_hidden_in_editor='0']
[av_heading heading='Want to stay up to date?<br/>Subscribe to our Newsletter!' tag='h2' style='blockquote modern-quote modern-centered' size='30' subheading_active='' subheading_size='15' padding='30' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg=''][/av_heading]

[av_one_fifth first]

[/av_one_fifth][av_three_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_contact  (Email address hidden if logged out) ' title='' button='Subscribe' on_send='' sent='Thanks! You will receive an email soon!' link='page,74' subject='' autorespond='' captcha='' hide_labels='aviaTBhide_labels' color='av-custom-form-color av-light-form']
[av_contact_field label='Name' type='text' options='' check='is_empty' width='element_third' multi_select=''][/av_contact_field]
[av_contact_field label='E-Mail' type='text' options='' check='is_email' width='element_third' multi_select=''][/av_contact_field]
[/av_contact]

[/av_three_fifth][av_one_fifth min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[/av_one_fifth]
[/av_section]

    Custom product:

    [av_image_hotspot src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/portfolio-large-1.jpg' attachment='965' attachment_size='full' animation='fade-in' hotspot_layout='numbered' hotspot_tooltip_display='av-permanent-tooltip' hotspot_mobile='aviaTBhotspot_mobile']
[av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-centered' tooltip_width='av-tt-xlarge-width' tooltip_style='main_color' link='' link_target='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='36.5,62.8']
<strong>Stamp approved</strong>
Sturdy and beautiful, made with the best materials found in the US
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-right av-tt-align-centered' tooltip_width='av-tt-xlarge-width' tooltip_style='main_color' link='' link_target='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='51.2,50.1']
<strong>Nutrition extras</strong>
Aenean commodo ligula eget dolor.
[/av_image_spot]
[av_image_spot tooltip_pos='av-tt-pos-below av-tt-align-left' tooltip_width='av-tt-xlarge-width' tooltip_style='main_color' link='' link_target='' hotspot_color='' custom_bg='' custom_font='' custom_pulse='' hotspot_pos='62.2,26.8']
<strong>Plant included</strong>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit!
[/av_image_spot]
[/av_image_hotspot]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading heading='The Evergreen Package' tag='h2' style='blockquote modern-quote' size='40' subheading_active='' subheading_size='15' padding='10' color='custom-color-heading' custom_font='#ffffff' admin_preview_bg='rgb(34, 34, 34)'][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='#ffffff' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']

[av_textblock size='18' font_color='custom' color='#cedbe2']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='50px' padding_sync='true' background_color='#ffffff' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat']

[av_product_button]

[av_product_tabs]

[/av_cell_one_half]
[/av_layout_row]

[av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']

[av_cell_one_half vertical_align='middle' padding='150px' padding_sync='true' background_color='#515b5e' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/business-office-work.jpg' attachment='480' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='150px,50px,150px,50px' background_color='#35383c' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue8b9' font='entypo-fontello' title='24/7 Support' link='' linktarget='' linkelement='' font_color='custom' custom_title='#ffffff' custom_content='#cedbe2' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#cedbe2']
enean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus.
[/av_icon_box]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='' icon='ue8b1' font='entypo-fontello' title='Worldwide delivery' link='' linktarget='' linkelement='' font_color='custom' custom_title='#ffffff' custom_content='#cedbe2' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#cedbe2']
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
[/av_icon_box]

[/av_one_half][av_one_half first]

[av_icon_box position='left_content' boxed='' icon='ue824' font='entypo-fontello' title='Secure Payment' link='' linktarget='' linkelement='' font_color='custom' custom_title='#ffffff' custom_content='#cedbe2' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#cedbe2']
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_icon_box]

[/av_one_half][av_one_half min_height='' vertical_alignment='' space='' custom_margin='' margin='0px' padding='0px' border='' border_color='' radius='0px' background_color='' src='' background_position='top left' background_repeat='no-repeat' animation='' mobile_display='']

[av_icon_box position='left_content' boxed='' icon='ue8e2' font='entypo-fontello' title='Free shipping' link='' linktarget='' linkelement='' font_color='custom' custom_title='#ffffff' custom_content='#cedbe2' color='custom' custom_bg='' custom_font='#ffffff' custom_border='#cedbe2']
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
[/av_icon_box]

[/av_one_half][/av_cell_one_half][/av_layout_row][av_layout_row border='' min_height='0' color='main_color' mobile='av-flex-cells' id='']
[av_cell_one_half vertical_align='middle' padding='150px,50px,150px,50px' background_color='#515b5e' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='']

[av_heading tag='h2' padding='10' heading='Use our Template Builder to create custom product pages like this one' color='custom-color-heading' style='blockquote modern-quote' custom_font='#ffffff' size='40' subheading_active='' subheading_size='15' custom_class='' admin_preview_bg=''][/av_heading]

[av_hr class='custom' height='50' shadow='no-shadow' position='left' custom_border='av-border-fat' custom_width='50px' custom_border_color='' custom_margin_top='30px' custom_margin_bottom='30px' icon_select='no' custom_icon_color='' icon='ue808' font='entypo-fontello' admin_preview_bg='rgb(34, 34, 34)']

[av_textblock size='18' font_color='custom' color='#cedbe2']
Lor adipiscing elit. Aene Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.
[/av_textblock]

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='150px' padding_sync='true' background_color='#35383c' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2017/02/banner-news-alt.jpg' attachment='1057' attachment_size='full' background_attachment='scroll' background_position='center center' background_repeat='stretch' mobile_display='']

[/av_cell_one_half]
[/av_layout_row]

[av_section min_height='' min_height_px='500px' padding='default' shadow='no-border-styling' bottom_border='no-border-styling' id='' color='alternate_color' custom_bg='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='']
[av_product_upsells display='upsells related' count='4']
[/av_section]

    Best regards,
    Rikard

    August 5, 2017 at 8:54 am #834639

    Topic: Embedding external site in enfold iframe

    in forum Enfold
    tech500
    Participant

    Hello,

    We need to show an external website inside an iframe on a page.
    But for some reason we can’t get it working. See the demo link in private.

    <iframe src=”http://edition.cnn.com&#8221; name=”silkphotos” scrolling=”auto” frameborder=”no” align=”left” height = “100%” width = “100%”>
    </iframe>

    • This topic was modified 8 years, 7 months ago by tech500.
  • Author
    Search Results
Viewing 30 results - 541 through 570 (of 1,190 total)
1 2 3 … 18 19 20 … 38 39 40