Hi,
I haven’t tried this myself, but I found some resources on the subject that may help point out where your error is.
Adding a custom element to the Enfold Avia Builder
Add a new avia layout builder element
Add Custom Element in Enfold Avia Layout Builder
Add new or replace Advanced Layout Builder elements from Child Theme
Here is a active member of the forum that has built a impressive set of elements, Kahil:
Custom Enfold Layout Elements

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hey Sal,
Use a Full Width Button element and add this to Quick CSS to hide the button background so the grid cell background is visible though the button:

.flex_cell_inner .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center a{
height: 400px;
}

Adjust the height to match your element.

To be sure not to have a conflict with other buttons, you may wish to enable the builder custom classes.
To do this try adding this code to the end of your functions.php file in Appearance > Editor:

add_theme_support('avia_template_builder_custom_css');

this will allow you to add a custom class to your buttons.

then add this class to your css, for example the screenshot shows “bigbutton” as the class:

.flex_cell_inner .bigbutton .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center.bigbutton a{
height: 400px;
}

Best regards,
Mike

Hi,
Glad we were able to help, shall we close this now?

Best regards,
Mike

Hi,
There is not a built-in element for this, but there are many plugins such as Instagram Feed for WordPress that you could try.

Best regards,
Mike

Hi,
Are you using the shortcode in the avia layout builder? Please try the standard editor and the shortcode in the text tab. (not the visual tab)

Best regards,
Mike

Hi,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
Thank you, I tried to add a item to the cart to see the issue, but didn’t see the cart at all?
Has something changed, or did I misunderstand the question?
please see screenshot in Private Content area

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike

Hi,
Ok, I have a Android, and the width is working good there, so I will ask a team member with a iPhone to review.
Please post us your login credentials (in the “private data” field), so we can take a look at your backend and adjust the code.

1. Install and activate ” Temporary Login Without Password “.
2. Go to ” Users > Temporary Logins ” on the left-side menu.
3. Click ” Create New “.
4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
   ( do be sure that we have enough time to debug ).
5. Click ” Submit “.
6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

Best regards,
Mike

Hi,
Can we temporarily deactivate plugins for testing purposes?

Best regards,
Mike

Hi,
Ok, I understand now, sorry for the misunderstanding.
I have removed the code in the General Styling > Quick CSS field.
The simple solution for what you want to do, change the font for the underline tag, is to add this code in the General Styling > Quick CSS field:

#top .all_colors u {
font-family: 'riposteregular'!important; 
}

Your custom font will not be available in the Enfold Theme Options > Advanced Styling, to have a font show there it must be a Google Font. To use a Google Font in the Advanced Styling please read this.

Best regards,
Mike

Hi,
Please Try adding this code to the end of your functions.php file in Appearance > Editor:

add_theme_support('avia_template_builder_custom_css');

this will allow you to add a custom class to your buttons.

then add this class to your css, for example the screenshot shows “bigbutton” as the class:

.flex_cell_inner .bigbutton .avia-button.avia-button-fullwidth {
    background: transparent !important;
}
.avia-button-wrap.avia-button-center.bigbutton a{
height: 400px;
}

When editing functions.php you should use the child theme, Read about it & Get it here

Best regards,
Mike

Hi,
If you are happy with with your “none” setting, then use this code in the General Styling > Quick CSS field for the widgets:

.widgettitle {
    text-transform: none!important; }

Best regards,
Mike