Hey rixi,

Thank you for the inquiry

You can add this css code, but it will hide some areas of the video.

#top #av_section_1 .av-section-video-bg iframe, #top #av_section_1 .av-section-video-bg embed, #top #av_section_1 .av-section-video-bg object, #top #av_section_1 .av-section-video-bg video {
	object-fit: cover;
}

Best regards,
Ismael

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,
When I check you have a 1px padding in between the images, you could use this css to remove it:

#top .avia-logo-element-container .slide-entry {
    padding: 0px;
}

change the zero if you want it larger.

Try this css to remove the top and bottom padding:

.flex_column.av-l3t08rf8-8f5e455205a44c3e3d9068782c55a0f9 {
    padding: 0px 50px 0px 50px;
}

Best regards,
Mike

Hey Acquarius26,

Thank you for the inquiry.

Try to include this css code to adjust the initial and scrolled color of the burger menu:

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #top .header_color.av_header_transparency .av-hamburger-inner,
  #top .header_color.av_header_transparency .av-hamburger-inner::before,
  #top .header_color.av_header_transparency .av-hamburger-inner::after {
    background-color: #fff;
  }

  #top .header_color .av-hamburger-inner,
  #top .header_color .av-hamburger-inner::before,
  #top .header_color .av-hamburger-inner::after {
    background-color: var(--enfold-header_burger_color);
  }
}

Best regards,
Ismael

Hey andreas_anselm,

Thank you for the inquiry.

You can use the Icon shortcode directly in the Navigation Label field. Example:

[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' size='16px' position='left' color='' link='' link_dynamic='' linktarget='' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' av_uid='av-m5xinkob' sc_version='1.0' admin_preview_bg=''][/av_font_icon] Call Us

Then add this css code to adjust the style of the button menu item:

#top #header .av-menu-button>a .avia-menu-text {
   display: inline-block;
   line-height: 30px;
   border-radius: 4px;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the update.

You can adjust the top padding of the #main container to decrease the space under the logo. Please add this css code:

.html_header_top.html_header_sticky #top #wrap_all #main {
    padding-top: 120px;
}

Best regards,
Ismael

Hi,

Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thank you for the inquiry.

This is possible but you’ll have to disable the parallax effect, then add this css code:

.responsive #top #wrap_all #fullwidth .flex_column.av-m5qno1kn-3285d6e6d8214f631d1cbe90cc83b280 {
	margin-top: -200px;
}

#fullwidth {
	overflow: visible;
}

You can also move the column in another color section, above the current one, then adjust its bottom margin.

Best regards,
Ismael

Hey Octopus4444,

Thank you for the inquiry.

The alb_custom_layout post type does not support comments by default. Adding this filter to the functions.php file might help:

add_filter('avf_custom_layout_cpt_args', 'avf_custom_layout_cpt_args_mod');

/**
 * Callback function to modify arguments of Custom Layout CPT.
 *
 * @param array $args Arguments for the custom post type.
 * @return array Modified arguments with comments support.
 */
function avf_custom_layout_cpt_args_mod($args) {
    if (isset($args['supports']) && is_array($args['supports'])) {
        $args['supports'][] = 'comments';
    }

    return $args;
}

Best regards,
Ismael

Hey jccardaillac,

Thank you for the inquiry.

The site is not loading our end. To adjust the style of the contact form fields, please add this code in the Enfold > General Styling > Quick CSS field.

#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    border-color: #000000;
    color: #000000;
    font-family: inherit;
    background: #eeeeee;
}

Make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings to make sure that the changes take effect.

Best regards,
Ismael

Hey xfilegirl,
In my research I believe that your “terms and conditions” is created with the ALB and not a simple Classic Editor page, if this is the case try creating it with the Classic Editor or try this function.
Note that a another possibility is a caching plugin, or theme option forcing scripts into the footer or delaying the scripts until page interaction, since it will work after a “long delay”
Also note that your theme version is very old: v4.8.6.5 and not compatible with PHP v8+ or the latest WP version, you should update to v6.0.8

Best regards,
Mike

Hey Noah,

I see that you are running an old version of the theme, could you try to update to the latest version (6.0.8) to see if that helps please? The update to 6.0.8 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

If you don’t have access to the account which was used to purchase your theme license, then you might want to consider purchasing your own copy. Otherwise you will have the same problem each time you want to update or access the theme files.

Best regards,
Rikard

Hey bemodesign,
I have not seen this before, but when I test this doesn’t occur so I’m not able to investigate.
I tested on desktop and mobile.

Best regards,
Mike

Hi,
Try changing to this:

#av_section_5 .av-align-middle {
    vertical-align: top;
}
#av_section_5 .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    height: 500px;
}
#av_section_5 .avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
    background-size: cover !important;
}

After changing the css, please clear your browser cache and check.

Best regards,
Mike

Hey Gianluca,
Thank you for your patience, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#av_section_5 .av-align-middle {
    vertical-align: top;
}
.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback {
    height: 500px;
}
.avia-icon-grid-container .avia-icongrid-flipbox .avia-icongrid-wrapper .avia-icongrid-front.bg-img:before {
    background-size: cover !important;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

You can use this css code to adjust the product price:

#top .price, #top .price span, #top del, #top ins {
	display: inline;
	text-decoration: none;
	font-size: 30px;
	line-height: 24px;
	font-weight: 600;
}

If you have any further questions, we kindly ask that you open a new thread. As threads become longer in the forum, they can become harder to manage, tend to drift off-topic, and make it more difficult for users to search for solutions. Keeping threads focused on the original topic helps us track resolutions more effectively and allows users to more easily find answers to similar issues.

Thank you!

Best regards,
Ismael