Hey Antiquaritaly,
Thank you for your patience and the link to your site, do you want buttons that links to facebook and instagram in a footer widget, if so then add this shortcode to a custom html widget:

[av_buttonrow alignment='center' button_spacing='5' button_spacing_unit='px' alb_description='' id='' custom_class='' template_class='' av_uid='av-kn3eudx6' sc_version='1.0' admin_preview_bg='']
[av_buttonrow_item label='Facebook' icon_select='yes' icon='ue8f5' font='entypo-fontello' link='manually,http://' link_target='' size='small' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' av_uid='av-kn3etr2k' sc_version='1.0']
[av_buttonrow_item label='Instagram' icon_select='yes' icon='ue909' font='entypo-fontello' link='manually,http://' link_target='' size='small' label_display='' title_attr='' color_options='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' btn_color_bg='theme-color' btn_custom_bg='#444444' btn_color_bg_hover='theme-color-highlight' btn_custom_bg_hover='#444444' btn_color_font='theme-color' btn_custom_font='#ffffff' av_uid='av-kn3eu7yf' sc_version='1.0']
[/av_buttonrow]

You can create and customize your own buttons using the Magic wand tool using the instructions in the theme documentation.
If you want to add the Social Share Buttons to a footer widget, you could add this shortcode to a custom html widget:

[av_social_share title='Share this entry' buttons='' share_facebook='aviaTBshare_facebook' yelp_link='https://www.yelp.com' style='' alb_description='' id='' custom_class='' template_class='' av_uid='av-1a8ccp' sc_version='1.0' admin_preview_bg='rgb(255, 255, 255)']

But adding this to the footer will lead to incorect back links when users use these because it is in the global footer and not in a specific post, and instagram is not an option in the Social Share Buttons.

Best regards,
Mike

Hey eggmedia-salient,
Thank you for your patience and for the link to the site, I believe I recognize this as the Enfold Theme Options > Performance > JS & CSS file merging and compression showing an older css cached version.
Please try turning this option off and at the bottom of the same option page look for Enfold Theme Options > Performance > Delete old CSS and JS files and enable this, and then save the theme settings via the big blue button, the clear your browser cache and check again.
The current css causing this is in the merged css file targeting .footer_color a so you could use this to override it in the quick css if you wished:

#footer.footer_color a { color: #fff; }

but I believe clearing the merged files will solve.

Best regards,
Mike

Hi,
Thank you for your patience, I was not able to log into your test site, but I was able to log into your live site and I reviewed your page /marketing/social-media-materiaal/ and both of these buttons opened the download prompt for me:

but I recognize from experience that this doesn’t always occur for every browser and device, typically this is corrected by editing the .htaccess file as explained in this article. There are also some that suggest using the “download” attribute but I have not experienced a need for this in the past. I have heard elsewhere, not specifically from Enfold, that on some iPhones users will experience this issue, but this is how iPhone handles certain types of links to prevent security issues with forced rouge files. I’m not sure if this has anything to do with your issue, but I thought I would share the info, I don’t have an iPhone to test with, but as I pointed out above, both of your links opened the download prompt for me.

Best regards,
Mike

Hey Severin,

Please try adding your button to a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area, then place the widget in a fixed or absolute position using CSS.

Best regards,
Rikard

Hi,

Sorry for the late response, have been away for some days. Would you mind posting the login details again so that we could check this? The filter that we are referring to, if it is available, should be inside the function that the plugin is using to the output or render the content.

Have you tried using the new Custom Elements option from the theme? It should give you more flexibility with the button content and allow you to create custom dynamic elements, which can be modified globally.

// https://kriesi.at/documentation/enfold/custom-element-templates/

Best regards,
Ismael

Hi Andrew,

Thanks for contacting us!

The license is connected to ThemeForest/Envato account that was used when purchasing the theme. Without having an access to that account, you would not be able to download the theme.

Your website is currently using the latest version of Enfold and has Personal Token inserted in Enfold theme options > Theme Update however it seems like it was not validated. Please go to Enfold theme options > Theme Update and click validate button to validate it so you can receive future updates in WordPress dashboard. If it works fine, you would not need the access to the ThemeForest account.

We do provide support through our support forums however you would need a purchase code to register. Please contact the person who have purchased the theme and ask for the purchase code so you can register – https://kriesi.at/support/register/ and start new threads under Enfold sub forum whenever you have a question or an issue.

If validating Personal Token does not work and you cannot get the purchase code from previous developer, I am afraid you would need to purchase a new license. License costs $59 – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 and includes free lifetime updates 6 months of support. Extending support is optional when it expires.

Let us know if you have any other questions :)

Regards,
Yigit

Hey M1000000,

Sorry for the late reply – but I was tagged for this topic today.

At the moment there is no way out of the box.

If you add to your functions.php file (in child theme):

add_theme_support( 'show_advanced_custom_element_options' );

in theme options – Custom Element tab you find a checkbox “Show advanced options” and there you find an option Custom Element Shortcode Buttons where you can select to group the custom elements similar to the normal elements.

If you have programming skills:

enfold\config-templatebuilder\avia-template-builder\php\element-templates.class.php line 2283:

usort( $tab, array( $this, 'sortByOrder' ) );

is the place where the default sort order is created in $tab.

We can add a filter here in the next release if this helps you.

Best regards,
Günter

Hi,
This popup image shows the popup with only one line of text so it is naturally small, I believe you will find that the popup will grow with more content, to a point, but to make it 100% will require more css adjustments, are you sure you really want a 100% popup? The example page you linked to with this was a little confusing from a UX standpoint, in my option. Might I suggest a 90% popup with the opacity background because it is a more familiar UX?

Anyways… in different examples that I have worked on I find that iframes can be much slower on popup load where the method I point to is very fast, because the content is already loaded.
If you really want to use the iframe solution I was able to create a page that would be the “popup” with a grid row element and such,

this is the Avia Layout Builder Debugger code:

[av_layout_row border='' min_height_percent='' min_height='400px' color='main_color' mobile='av-flex-cells' id='' av_element_hidden_in_editor='0' av_uid='av-c6pja3']

[av_cell_one_half vertical_align='middle' padding='130px' padding_sync='true' background_color='' src='https://test.kriesi.at/enfold-2017/wp-content/uploads/sites/24/2015/07/business-support-1.jpg' attachment='582' attachment_size='full' background_attachment='scroll' background_position='top center' background_repeat='stretch' mobile_display='' av_uid='av-10qarv']

[/av_cell_one_half][av_cell_one_half vertical_align='middle' padding='30px' padding_sync='true' background_color='#f8f8f8' src='' attachment='' attachment_size='' background_attachment='scroll' background_position='top left' background_repeat='no-repeat' mobile_display='' av_uid='av-8qt0kr']

[av_heading tag='h2' padding='0' heading='Our Support Team' color='' style='blockquote modern-quote modern-centered' custom_font='' size='30' subheading_active='subheading_below' subheading_size='15' custom_class='' admin_preview_bg='' av_uid='av-t3b2z']
Customer Satisfaction
[/av_heading]

[av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='150px' custom_margin_bottom='150px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-5uoavf' sc_version='1.0' admin_preview_bg='']

[av_textblock size='' font_color='' color='' admin_preview_bg='' av_uid='av-f9ep7']
<p style="text-align: center;">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
[/av_textblock]

[av_hr class='custom' icon_select='no' icon='ue808' font='entypo-fontello' position='center' shadow='no-shadow' height='50' custom_border='av-border-fat' custom_width='50px' custom_margin_top='155px' custom_margin_bottom='155px' custom_border_color='#000000' custom_icon_color='' id='' custom_class='' template_class='' av_uid='av-kmte5zf0' sc_version='1.0' admin_preview_bg='']

[av_font_icon icon='ue8f1' font='entypo-fontello' style='' caption='' link='manually,http://twitter.com' linktarget='_blank' size='20px' position='center' color='' admin_preview_bg='' av_uid='av-1yhd23'][/av_font_icon]

[/av_cell_one_half][/av_layout_row]

with no header, sidebar, title bar, or footer
Then I used this link in a button http://test.test/popup-test?iframe=true

and then I used this css to make the popup 100vh & 100vw:

.mfp-container,
.mfp-iframe-holder .mfp-content,
.mfp-iframe-holder .mfp-iframe {
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100vh !important;
    max-height: 100vh !important;
    padding: 0 !important;
}

and it worked, but I also lost the ability to close the popup, try using the above css as your base and see if you can adjust to allow to close the popup, I would recommend making the popup 90vh & 90vw 🙂🚀

Best regards,
Mike