Hey nicolealbaek,

Thank you for the inquiry.

There is no overlay option for the Column element, but you can apply a background in the Styling > Background panel. For the gradient effect, you can use the Color Section element, toggle the Styling > Background Overlay > Enable Overlay? option, then apply the class name “av-custom-gradient-section” in the Advanced > Developer Settings > Custom CSS Class field. Add this code to override the default overlay color with a gradient.

#top #wrap_all .avia-section.av-custom-gradient-section {
  background-color: transparent;
  background-image: linear-gradient(180deg, #FFFFFF21 23%, #FFCBA4 93%);
  opacity: 1;
  transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

Best regards,
Ismael

Hi,

Great! Glad to know that you managed to figure this out. Feel free to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

Hi,

Great! Glad to know it’s been resolved. Please don’t hesitate to open another thread if you have more questions. Have a nice day.

Best regards,
Ismael

Hey Sandra,

Thank you for the inquiry.

Could you provide a screenshot of the changes you’d like to make? You can use platforms like Savvyify, Imgur, or Dropbox to upload and share the screenshot. If you need to adjust the background position and size of the image, you can try this css code:

.avia-section.av-1ajoc0o-f5dcf8e4d3d46a245540e44c381d48ec .av-parallax .av-parallax-inner {
    background-repeat: repeat;
    background-position: 70% 50%;
    background-attachment: scroll;
    background-size: contain !important;
}

Best regards,
Ismael

Hey WorldinColor,

Thank you for the inquiry.

You can add this css code to adjust the space between the iconbox icon and title:

#top .av-m868o6fq-2209228544dca5bbf34baf8f38fdb81c .iconbox .iconbox_content_title {
    margin-top: 50px;
}

Best regards,
Ismael

Hi,

You can try this css code to adjust the display of the header on mobile view:

@media only screen and (max-width: 767px) {

  /* Add your Mobile Styles here */
  .responsive #header_main .container {
    height: 130px !important;
  }

  #top .avia_search_element.av-m8j6ucsp-f1ed25db4fcf2e1d4ba1dd7653626aed #s.av-input-field {
    line-height: 33px;
    height: 33px;
    color: #bed028;
    font-size: 14px;
  }

  #top #searchform_element {
    margin-bottom: 0;
  }

  #top .avia-section.av-m8h8o2m6-a6ff6f0926c56ce5cb244fa93948b320 {
    background-color: transparent;
    background-image: unset;
    margin-top: 5px;
    margin-bottom: 0px;
    position: absolute !important;
    margin-top: 0;
    z-index: 5000;
    margin-top: -40px;
  }

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

View post on imgur.com

Best regards,
Ismael

Hey ilona-l,

Thank you for the inquiry.

We are not yet sure why the slider resizes like that, but to temporarily adjust it, we added this css code:

#top .av-m8dhdoo2-9be497766191be21636491354eb51ed0 .avia-content-slider-inner {
  max-height: 180px !important;
  overflow: hidden;
}

Please make sure to purge the cache before checking.

Best regards,
Ismael

Hi,

The account is still invalid. Please check the info carefully or provide another admin account.

View post on imgur.com

Best regards,
Ismael

Hi,

Thank you for the update.

We recommend disabling the cache plugin and compression settings while editing the site. Once you’re done, you can enable these options again. Regarding the other issue, please provide a screenshot using platforms like Savvyify, Imgur, or Dropbox.

Best regards,
Ismael

Hi,

Where did you add the css? This is how it looks when we apply the code directly in the browser.

View post on imgur.com

Best regards,
Ismael

Hi,

As mentioned above, background videos are disabled on mobile views by default. We are not sure how you managed to keep the slider video on mobile view, but for the other page, you can try this css code:

.avia_mobile #top .av-section-mobile-video-disabled .av-section-video-bg {
    display: block;
}

Best regards,
Ismael

Hi,

We actually moved the arrow below the testimonial container. Please make sure to purge the cache or remove the browser history before checking the page. You can also test it on incognito mode.

View post on imgur.com

Best regards,
Ismael

Hey studiovene,

Thank you for the inquiry.

This issue occurred due to changes in how the theme renders icons. Please add this css code to adjust the color of the search SVG icon:

.header_color .main_menu ul:first-child > #menu-item-search > a svg:first-child {
    stroke: #ffffff;
    fill: #ffffff;
    color: #ffffff;
    z-index: 10;
}

Best regards,
Ismael

Hey vera,

Thank you for the inquiry.

Please add this css code to change the default color of the Kontakt menu item.

.header_color .main_menu ul:first-child > li.current_page_item#menu-item-202 > a {
    color: var(--enfold-header-color-meta);
}

Best regards,
Ismael

Hi,

You could add a meta_query parameter to the filter above.

function custom_sort_by_event_date($query, $params) {
    $query['meta_key'] = 'event_date'; 
    $query['orderby'] = 'meta_value';
    $query['meta_type'] = 'DATE';
    $query['order'] = 'ASC';

    $query['meta_query'] = array(
        array(
            'key'     => 'activate',  
            'value'   => '1',       
            'compare' => '='
        )
    );

    return $query;
}
add_filter('avia_post_grid_query', 'custom_sort_by_event_date', 10, 2);

— https://www.advancedcustomfields.com/resources/checkbox/

Best regards,
Ismael