Hey Jürgen,

Thank you for using Enfold and reporting this.

For next release I added filter ‘avf_toggle_sorted_tags’ that allows to reorder the list as you like (we use the php function ksort).

And I also modified the CSS with your flex solution – but I had to wrap the “tab” in a div with class “tag-tab” because of the visible tag seperator.

If you want to switch to the updated files:

https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_5_6_9/shortcodes/toggles/toggles.php
https://github.com/KriesiMedia/enfold-library/blob/master/temp_fixes/Enfold_5_6_9/shortcodes/toggles/toggles.css

Best regards,
Günter

Hey lf,

I logged in using your account, and it seems to be working as it should on my end. If you want to open a new thread, then please go the Enfold sub forum.

You can only import one demo at a time unfortunately, but you can use parts from different demos if you import them manually. To do that I would suggest that you set up two sites and import the demos you are interested in on those sites. You can then activate debug mode under Enfold->Layout Builder->Show advanced options->Debug mode in order to see the shortcodes which are generated by the Enfold layout builder. You can then copy shortcodes between your two sites.

Best regards,
Rikard

Hi,
Glad Rikard could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,
Typically when you add a new social profile following the documentation this is the correct code snippet that you should add to your child theme functions.php:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons['line'] = array( 'font' =>'icomoon', 'icon' => 'ue900');
return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons['Line'] = 'line';
return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
// Add new icon to sharebox
add_filter('avia_social_share_link_arguments', 'avia_add_social_share_link_arguments', 10, 1);
function avia_add_social_share_link_arguments($args){
    $tiktok = array('line' => array("encode"=>true, "encode_urls"=>false, "pattern" => "https://line.me/", 'label' => __("Share on Line",'avia_framework')));
    $args = array_merge($line, $args);
    return $args;
}

and then you would choose the new social profile from the options”

and then it will show on the front end:

I have done this for you.

Best regards,
Mike

Hi,

Please see @guenni007’s reply.

If you’d like to set the opacity of the logo to zero when scrolled down, please add the following code to the Quick CSS field in the Enfold theme options > General Styling:

.header-scrolled-full .logo {
  opacity: 0;
}

@guenni007 Thanks for your help!

Best regards,
Yigit

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

Hi,

The modification above should adjust the color of the burger menu items to white. If you need to change the color on hover, please add this css code.

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li a:hover {
    color: gold;
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings in order to ensure that the changes take effect. By disabling the file compression settings, you will be able to make the necessary adjustments and updates without any conflicts. Once you have made the required modifications, you can re-enable the file compression settings to optimize the performance of your website.

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,
That is strange… I see that you are using a plugin called Co-Authors Plus with the description:
Allows multiple authors to be assigned to a post.

This plugin is what allows you to add co-authors to posts.
We are limited to support for third-party plugins, but I tested this plugin on my test site and tested a code snippet that the plugin recommends to show all authors:

add_filter( 'the_author_posts_link', function( $markup ) {
	if ( ! function_exists( 'coauthors_posts_links' ) ) {
		return $markup;
	}

	ob_start();
	coauthors_posts_links();
	$output = ob_get_contents();
	ob_end_clean();
	return $output;
} );

And it changed the default single author name and link to show the co-author also:

If you are not going to use a child theme on your site, I recommend the WPcode plugin this plugin supports PHP code snippets, JavaScript code snippets, & CSS code snippets for your customizations.
Try adding the above snippet in a new WP Code snippet and ensure that you use the PHP Snippet option:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey Martin,

Please try the following in Quick CSS under Enfold->General Styling:

td {
    font-size: 16px;
}

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

#top .fullsize .template-blog .post .entry-content-wrapper {
    text-align: left;
    font-size: 16px;
}

Best regards,
Rikard

Hey Monika,

You can enable debug mode under Enfold->Layout Builder->Show advanced options->Debug mode, after that you will see the shortcodes under your regular design layout. You can simply copy all the shortcodes to a new page on your new site.

Best regards,
Rikard

Hi,
Please see our documentation for: How to add Custom Social Icons to Enfold options.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

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