Hey Monique,

Thank you for the inquiry.

Please temporarily edit the enfold/config-templatebuilder/avia-template-builder/php/class-element-templates.php and remove this code around line 672.

			$duplicate  = '<a href="' . $notify_url . '" aria-label="' . esc_attr__( 'Make a duplicate from this element template', 'avia_framework' ) . '" rel="permalink">';
			$duplicate .=		esc_html__( 'Duplicate', 'avia_framework' );
			$duplicate .= '</a>';

			$actions['duplicate'] = $duplicate;

Let us know if this removes the Duplicate button.

Best regards,
Ismael

Hi,

Did you disable embedding for this particular video? Please check the link below.

// https://support.google.com/youtube/answer/171780?hl=en#zippy=%2Cturn-on-privacy-enhanced-mode%2Cturn-off-embedding-for-your-videos

If you’ve uploaded a video and don’t want to allow others to embed your video on external sites, follow these steps:
– Sign in to YouTube Studio.
– From the left menu, select Content.
– Next to the video you’d like to manage, select Details .
– From the bottom, select SHOW MORE.
– Uncheck the box next to “Allow embedding” and SAVE.

Best regards,
Ismael

Hey Håkan,

Thank you for the inquiry.

You can apply a background video in a Color Section or in the Fullscreen Slider element in the Advance Layout Builder. If you need more options, you can also try the Layer Slider element, which is included in the theme by default.

Best regards,
Ismael

Hi,

I followed your instructions and put the code in the text block,

The css code above should be added in the Enfold > General Styling > Quick CSS field or in the child theme’s style.css file, not in the Custom CSS Class field.

Best regards,
Ismael

Hey Sebastian,

Thank you for the inquiry.

You can add this css code to disable the animation of the burger menu items.

#top #wrap_all #av-burger-menu-ul>li {
    opacity: 100;
    position: relative;
    top: 0;
    transition: none;
    transform: none;
}

Best regards,
Ismael

Hi,

Ok, thank you! So that means it’s not possible for posts created with the Layout Architect to look exactly the same as posts

It’s still possible, but it requires some modifications and there might be no point in using the Advance Layout Builder (ALB) if you want the posts to display in their default layout. When the ALB is active, you have to build the content using the available elements in the builder. Unfortunately, some elements, like the post meta info, are not available by default, so you will have to use the custom shortcode that we provided above.

How can I get to functions.php?

The functions.php file can be found in the Appearance > Theme File Editor panel. You can also access it via S/FTP but you may need to ask your hosting provider to create an account.

Best regards,
Ismael

Hey ausgesonnen,

Thank you for the inquiry.

The mobile menu gets duplicated because of this css code.

@media only screen and (max-width: 1000px) {
    .av-burger-menu-main.menu-item-avia-special {
        display: block !important;
    }
}

Do you remember adding it somewhere? You may need to remove the modification, then toggle or temporarily disable the Enfold > Performance > File Compression settings afterward.

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

Have you tried to adjust the Styling > Caption > Caption Positioning settings? You can also modify the background color of the button in the Advanced > Link Settings panel. Look for the Button 1 Color or Button 2 Color settings for customization.

Best regards,
Ismael

Hi,

Thank you for the screenshot.

You can adjust the hover style of the burger menu items in the Enfold > Advanced Styling panel. Look for the Menu Links in overlay/slideout element in the dropdown and adjust the Font Hover Color field accordingly.

You can also use this css code.

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul li a:hover {
    color: #ffffff;
}

Best regards,
Ismael

Hey Tim,

Thank you for the inquiry.

It’s possible that the font is not loading immediately due to the settings in the Enfold > Privacy & Cookies panel. You can set the Cookie Handling > Default Cookie Behavior settings to the first or second option if you want to allow external services or resources to load even without users accepting the privacy cookies first.

Best regards,
Ismael

Hi,

Thank you for the update.

The issue occurs because the second column inherits the height of the first column, but the video doesn’t adjust accordingly because it has to retain its aspect ratio. Instead of applying the box shadow to the column, we could apply the style directly to the text block or the video inside it. Please disable the box shadow settings, then try adding this css code.

.av-7gxq-b49600b1340770d5ee80faa3053f02f6 .av_textblock_section {
    box-shadow: 0 0 30px 0 #000000;
}

Best regards,
Ismael

Hey Anton,

Thank you for the inquiry.

Adding this css code should remove the space below the video.

.su-youtube.su-u-responsive-media-yes {
    margin-bottom: 0;
}

The double button on the official site is not available by default, but here is the markup in case you want to use it on your own site.

HTML:

<div class="avia-double-buttons "><a href="https://site.at/themes/enfold-overview/" class="avia-double-button avia-double-button-1">View Demos</a><span class="button_or">or</span><a href="https://1.site.market/" class="avia-double-button avia-double-button-2">Purchase Now</a></div>

CSS:

#top .avia-double-button {
    letter-spacing: 1px;
    padding: 13px 20px;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
    min-width: 175px;
    display: inline-block;
    transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    border: 4px solid #fff;
    text-decoration: none;
}

#top div .main_color .avia-double-button {
    border-color: #e1e1e1;
    background: #fcfcfc;
    color: #222222;
}

#top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button {
    background: #000;
    background: rgba(0,0,0,0.2);
    border-color: #fff;
    color: #fff;
    padding-bottom: 11px;
    text-decoration: none;
}

#top .avia-double-button-2 {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    border-left: none;
}

#top .avia-double-button-1 {
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    border-right-width: 2px;
}

.avia-double-buttons {
    margin-top: 30px;
    text-align: center;
    position: relative;
}

#top .button_or {
    position: absolute;
    display: block;
    height: 26px;
    line-height: 21px;
    width: 26px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -13px 0 0 -14px;
    background: #fff;
    color: #666;
    border-radius: 100px;
    font-size: 10px;
    border: 2px solid #FFF;
    font-style: italic;
    font-weight: 600;
    z-index: 11;
}

Best regards,
Ismael

Hi,

Thank you for the screenshots.

We added an empty grid row at the very bottom of the page and managed to reproduce the issue. The problem occurs because the other grid row and the footer are rendered outside the main wrapper. Unfortunately, we are not yet sure what is causing it. What are you planning to add in the Grid Row container?

Best regards,
Ismael

Hey whdsolutions,

Thank you for the inquiry.

You can add this css query to exclude specific elements when printing pages as documents. This helps customize the print layout and ensures a cleaner representation on paper.

@media print { 
  /* All your print styles go here */
  #top #main .sidebar {
    display: none;
  }
 }

The css rule above should hide the sidebar, but you can define more elements to exclude or modify as needed.

Best regards,
Ismael

Hi,

Great! Let us know if you have more questions about the theme.

Have a nice day.

Best regards,
Ismael