first:

please remove these login-datas as soon as possible.
the link itself is for me enough !!!

put it in the private content area that only mods can see the login datas.

you like to have 6 1/6 columns besides ?
in one custom-section?

give a custom ID or custom-class to your color-section : on top you have #custom-section ( custom-section in the unique ID field )
drag 6 containers in the color-section ( it’s a matter of taste what you take. I put 6 1/5 containers in there. But in the end it doesn’t matter, because the width is generated differently) .

Give a custom-class to those containers f.e.: one-sixth
and do not set it to equal-height : this also is done bei flex-layout
align-items: stretch is normal behavior.

on this test-page i decided to have und 990px 3col besides and 2 rows
under 768px 2cols besides and 3 rows
under 480px one col full width:

#custom-section .entry-content-wrapper {
  display: flex !important;
  flex-flow: row wrap;
  justify-content: space-between;
}

#custom-section .entry-content-wrapper::before, 
#custom-section .entry-content-wrapper::after {
  display: none !important;
}

#custom-section .entry-content-wrapper .flex_column {
  flex: 0 1 auto;
  margin: 0 0 4% !important;
  width: unset !important;
}

#custom-section .entry-content-wrapper .flex_column.one-sixth {
  flex-basis: 16%;
}

@media only screen and (max-width: 989px) {
  #custom-section .entry-content-wrapper .flex_column.one-sixth {
    flex-basis: 30%;
    width: unset !important;
  }
}

@media only screen and (max-width: 767px) {
  #custom-section .entry-content-wrapper .flex_column.one-sixth {
    flex-basis: 48%;
    width: unset !important;
  }
}

@media only screen and (max-width: 479px) {
  #custom-section .entry-content-wrapper .flex_column.one-sixth {
    flex-basis: 100%;
    width: unset !important;
  }
}

see here: https://webers-testseite.de/cynthia/macika/

• This reply was modified 5 years, 1 month ago by Guenni007.

And please provide the solution not only in private content area!
i recognized the same – first i believed that it is caused by Setting on Performance – only load elements when needed. But that does not work.

if there is private content – i can not see – because i’m participant as you are.
But maybe you can make the link public or – find f.e. a demo page of enfold where the situation is like on your page

First : the topic is a little bit confusing: the download works ! if you click on that green button.
Second: Child-Theme folder and Parent-Theme folder are siblings on the themes-folder! – Is that in your installation that way?
Third: you didn’t rename the Parent-Theme folder?

4th: how did you install the child-theme. : i just upload that folder to the themes folder via ftp.

by the way: why is the right column set smaller than the others?
: there you have on that column set :

Element {
    padding: 0px 10px 0px 10px;
    border-radius: 0px;
}

On the others not !

on documentation page it nearly allways quick css.

übrigens unter dem Tab: Link und Attributes – kannst du klasse und ID einem Layer zuordnen. Fiel mir gerade ein. Dann kann man sich das abzählen sparen:

3.) the layout above isn’t a gallery – it is 5 single images – I only mentioned it for the sake of completeness.

1.) No – now seriously – I will not comment further on this nitpicking. Do you really believe that someone sits down at his mobile phone and compares it with the display on his desktop PC? Honestly?
And if someone does, would you like to call him your customer?

Everything else about further support you should then clarify with a freelancer, who rightly gets money for such fine-tuning.

I once had a customer here who seriously wanted to discuss with me that a border color in Internet Explorer has a little more magenta compared to the Safari browser. Believe me – to leave such customers directly to others – that saves nerves and time and therefore money.

___________
Actually, the flex layout only makes sense anyway, if only one column is shown in the responsive case, i.e. set the code via mediaquery above only for larger screens.
A little hint when it comes to mobile devices, you can use the class: avia_mobile and avia_desktop that are set from enfold on html.responsive to establish different rules.

border-radius of images are part of enfold setting:

.avia-image-container-inner, 
.avia_image, 
.av-image-caption-overlay {
    border-radius: 3px;
    display: block;
    position: relative;
    max-width: 100%;
}

so you had to change that – if you only like to do it on that images :

.flex4on1 .avia-image-container-inner, 
.flex4on1 .avia_image, 
.flex4on1 .av-image-caption-overlay {
    border-radius: 0;
}

But border-radius has no influence on image distance. Only the center point will be gone where all images meet.

put this to your child-theme functions.php:
for single images with lightbox:

function change_lightbox_size() {
    return "full";
}
add_filter('avf_avia_builder_helper_lightbox_size','change_lightbox_size', 10);

for image source for light-box in a gallery

function avia_change_gallery_thumbnail_link($link, $attachment, $atts, $meta){
    $link = wp_get_attachment_image_src($attachment->ID, "full");
    return $link;
}
add_filter('avf_avia_builder_gallery_image_link', 'avia_change_gallery_thumbnail_link', 10, 4);

• This reply was modified 5 years, 1 month ago by Guenni007.

Give this a try get rid of all code above – it will be included here in a whole bunch.
On mobile or responsive case this header stayes fixed – on very small screens your headline will be in 3 lines:

@media only screen and (min-width: 768px) {
  .logo img {
    float:left
  }

  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }

  #top .subtext {
    float:left;
    position:relative;
    padding-left: 18px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);   
  }

  #top .subtext .logo-title h1 {
    margin-bottom: 0 !important;
    transition: all 0.5s ease
  }

  .header-scrolled .subtext h1 {
    font-size: 18px;
    transition: all 0.5s ease
  }
}

/****** no conflict with Main Menu and Logo *************/
@media only screen and (min-width: 768px) and (max-width: 840px) {
 .subtext h1 {
    font-size: 24px !important;
    transition: all 0.5s ease
  }
}

/****** responsive case when burger is visible *************/
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
   
  #header {
    position: fixed !important;
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .logo {
    display: flex !important;
  }
    
  .responsive #top .av-logo-container ,
  .responsive #top .logo a,
  .responsive #top .logo img {
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .av-main-nav .menu-item-avia-special a {
    height: 80px !important;
    line-height: 80px !important;
  }
   
  .logo img {
    float: left
  }
  
  #top .subtext {
    float:left;
    position:relative;
    padding-left: 18px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
  }
  
  #top .subtext .logo-title h1 {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    transition: all 0.5s ease;
    font-size: 22px !important;
  }  
}

/****** Very Small Screens Iphone 5 etc *************/
@media only screen and (max-width: 399px) {
  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }
  
  #top .subtext .logo-title h1 {
    word-wrap:  break-word !important;
    white-space:  normal !important;
  } 
  
  .logo img, #top .subtext {
    float: none
  }
  
  #top .subtext {
    position: absolute;
    padding-left: 80px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
  }
}

I am a participant like you and therefore do not see the hidden content.
Bumping here in the posts has rather the opposite effect. Your Urgent in the topic is indicative enough for the mods.

so you had to wait til a mod is here.

Can you show your link to that page?

But you have seen the styles tab on each layer ?

And by the way : on the right side of that Styles Tab there is an input field for custom css as well – for all settings that couldn’t be done by options.
info from layerslider tooltip : “If you want to set style settings other then above, you can use here any CSS codes. Please make sure to write valid markup.”