Hi,
Please note in our documentation Custom Elements Advanced Options about the opton: Custom Elements For Subitems which by default is set to All sub-items use the same custom element template for button rows you will want to change this to Individually select subitem custom element templates
Please scroll down to this part of the documentation for Button Rows and review.
I have done this for you on your test page:

Best regards,
Mike

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,
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 our documentation for: How to add Custom Social Icons to Enfold options.

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

Hi,
Thanks for the login, I tested both of your custom buttons:

and they both show the add more button option:

so I added more buttons and saved your page:

please check, if you still are unable to add buttons then please try the login you posted for us.

Best regards,
Mike

Hi,
On mobile there is not enough room for the buttons next to the logo, so they will need to be smaller and under the logo.
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 430px) { 
	.responsive #top #header #header_main .inner-container .widget {
    order: 3;
    flex-basis: 100%;
	}
	.responsive #top #header #header_main .inner-container .widget .avia-button.avia-size-medium {
	padding: 12px 5px 10px;
    font-size: 12px;
    min-width: 60px;
	}
	.responsive #top #header #header_main .inner-container .widget>div {
		padding: 0;
	}
	.responsive #top #header #header_main .inner-container .widget>div>div {
	text-align: center;
	}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Thank you for the link to your site, the issue was in your widget there was a “pre” & “code” tag, probably from were you copied the code from.

I removed it for you and now your header buttons are correct

please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the inquiry.

You can use the following filter to add a new social icon into the list.

// https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options

However, as the LINE icon isn’t included by default, you’ll need to retrieve an SVG version of the icon and convert it to a font icon using Fontello. Afterward, you can upload it to the theme using the Iconfont Manager. Please refer to the documentation below for detailed instructions.

// https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-
// https://vimeo.com/75743285

Best regards,
Ismael

Hi,
Thanks for the login, when I add a new post and add a image:

and select an image the default size is large:

I tested this a few times, I also tested the image element in the ALB:

and it also worked, I know that you said that you are not using the ALB and only the Classic Editor, so I was just testing.

so try using the Add Media button on a new post:

Best regards,
Mike

Hey sharynt3,
Please see this tutorial for making the team member element a popup.
In this thread Guenni007 offers another solution using a image, text & button to simulate a team member popup and has a working example that you can try.

Best regards,
Mike

Hey smarta-brett,

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

.home .avia-slideshow-button {
    display: table;
    margin: 0 auto;
    margin-top: 20px;
}

Best regards,
Rikard

• This reply was modified 2 years, 4 months ago by Rikard.

Hey Angelo,
Thank you for the link to your site, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) { 
#top .avia-button .avia_button_icon, #top .avia-button .avia_iconbox_title {
    vertical-align: middle;
 }
}

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

Best regards,
Mike

Hi,
Please find the link below to import the 2017 demo slider into your LayerSlider using the import button:

Best regards,
Mike