Hey schwabino,

Thank you for the inquiry.

You may need to apply the “noLightbox” class name to the button elements to prevent the lightbox from opening. Please edit the buttons, go to the Advanced > Developer Settings panel and place the “noLightbox” class name in the Custom CSS Class field. Let us know if this helps.

Best regards,
Ismael

Hi,

@DSRE-agency: Please open a new thread and provide a screenshot of the layout that you want to create. You can use imgur, savvyify or dropbox for the screenshot. We will close this thread for now. Thanks.

Best regards,
Ismael

Hey schwabino,

Thank you for the inquiry.

You can use this css code to adjust the style of the social icons in the top header.

#top #header_meta .social_bookmarks li a {
    width: 60px;
    line-height: 60px;
    min-height: 60px;
    height: 100%;
    font-size: 20px;
}

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

Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hey asthyanax,

Thank you for the inquiry.

Have you tried editing the header.php file or use the ava_after_main_container hook instead? You can find the main tag in the header.php template.

Please check the documentation below for more info about hooks.

// https://developer.wordpress.org/plugins/hooks/actions/

Best regards,
Ismael

Hi,

Thanks for the update.

Try to use this css code instead.

.responsive .page-id-4293 .main_color .avia-data-table.avia_pricing_minimal th {
    width: 12%;
}

.responsive .page-id-4293 .main_color .avia-data-table.avia_pricing_minimal th:nth-child(3) {
    width: 30%;
}

Please make sure toggle or temporarily disable the Autoptimize > File Compression settings after adding the css.

Best regards,
Ismael

Hey Nancy,

Thank you for the inquiry.

We adjusted the css code a bit. Please try it again.

#header #avia-menu>li, #header .menu-item {
  display: none !important;
}

#avia-menu .av-burger-menu-main, .home #avia-menu .menu-item-search-dropdown {
  display: block !important;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

Thank you for the update.

We checked the site on Chrome but we are not able to reproduce the same issue shown in your screencast. The document stays in place whenever we click the links. Please check the short clip below.

Screencast: https://1drv.ms/u/s!AjjTfXSRbKTvyjf6pC5OL9lsNcqk?e=owCUQc

Did you check the content for any duplicated anchors?

Best regards,
Ismael

Hey RGmbH,

Thank you for the inquiry.

The theme has its own Custom Fonts Manager which can be used to upload Google fonts to your server and load the font files locally. Please look for the font manager in the Enfold > Import/Export panel, and check the documentation below for more info.

// https://kriesi.at/documentation/enfold/typography/#how-to-upload-custom-fonts

Best regards,
Ismael

Hey P3T3R_0ne,

Thank you for the inquiry.

It is possible that the emoji gets removed when the builder cleans up the input field including the tab section title. Have you tried using images instead of emojis? You can set it in the tab sections’ Content > Tab Symbol settings.

Best regards,
Ismael

Hi,

But unfortunatley that´s not a solution because this value is way to much for the smartphone view.

You can add css media queries and adjust the minimum height value on different screen sizes. Again, the jump is not visible or noticeable when there are images in the slide because the document automatically scrolls to the active slider. Do you still see the jump when the slider images are present and after the document scrolls to the active slider?

Best regards,
Ismael

Hey Jeannette,

Thank you for the inquiry.

Did you add the same triggers or links in the footer page? Please provide the site URL and a page containing a popup so that we can check the issue further.

Best regards,
Ismael

Hey herbwood,

Thank you for the inquiry.

The Lato font is being loaded by the layer slider plugin. It can be disabled in the layer slider’s Settings > Google Fonts panel.

Best regards,
Ismael

Hey Stephen,

Thank you for the inquiry.

You can use this css code to adjust the size of the lightbox container.

.mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css to regenerate the stylesheets.

Best regards,
Ismael

Hey nV15OoBtg21iTn5z,

Thank you for the inquiry.

You can use this css code to add an overlay above the masonry images to make the caption more readable.

#top .av-caption-style-overlay.av-hover-overlay- .av-masonry-item-with-image .av-inner-masonry-content {
    background: rgba(0,0,0,0.5);
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,

How does someone know that it has the option?

You can add a note about the slider or video player controls for the users in the caption field, which we can reposition using css.

You can also add the following elements in the caption field to create a custom play/pause controls.

<div class='av-play-controls'>
    <span class='play'>Play</span>
    <span class='pause'>Pause</span></div>

Add this css code to reposition the controls and toggle them based on the playback status of the video.

.av-play-controls {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

.av-video-playing .av-play-controls .play {
    display: none;
}

.av-video-paused .av-play-controls .pause {
    display: none;
}

The control text (play/pause) can be replaced with a custom image or icon.

Best regards,
Ismael