Try Kriesi’s solution in this post: https://kriesi.at/support/topic/icons-still-not-working-in-firefox-and-ie/#post-173204

Hey leifhansen!

In the top right corner of the advanced layout editor there is a Template button where you can save a page as a template and then on another page load all of that content in.

There isn’t currently an option to pull out an individual element but you can enable debug mode to reveal the shortcodes that make up the advanced layout editor. You just need to be careful editing the field and its contents because its directly saved in the database and if the data gets corrupted from a mistype or something like that it may not be recoverable.

Add the following to your functions.php to enable it:

//set advanced layout editor to debug
add_action('avia_builder_mode', "builder_set_debug");
function builder_set_debug()
{
	return "debug";
}

Best regards,
Devin

Here’s a workaround:

Open /js/shortcodes.js, comment or remove line 220 and line 241 (this will disable the scroll to top effect):

Then, add this CSS to the Quick CSS or to the css/custom.css file:

.portfolio_preview_container{
	position: absolute;
	z-index: 200;
	background: white;
	box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 25px 1px;
}

Best regards,
Josue

Hey!

The HTML code:

	<p><span id="footer_icon_1" class="av_font_icon  avia-icon-pos-left" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 5px;">218 Viceroy Street<br><span style="margin-left: 21px;">Billings, MT 59101</span></span></p>

	<p><span id="footer_icon_2" class="av_font_icon  avia-icon-pos-left" style="font-size:15px;line-height:15px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 7px;"><a href="tel:4067942593">406. 794. 2593</a></span></p>

	<p><span id="footer_icon_3" class="av_font_icon  avia-icon-pos-left" style="font-size:14px;line-height:14px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span><span style="margin-left: 6px;"><a href="mailto: (Email address hidden if logged out) ?Subject=" target=""> (Email address hidden if logged out) </a></span></p>

The CSS to change each icon:

#footer_icon_1, #footer_icon_2, #footer_icon_3{
	/* Applies to the three icons */
        position: relative;
}
#footer_icon_1{
	/* Applies to icon 1 */
        color: red;
       top: 2px;
}
#footer_icon_2{
	/* Applies to icon 2 */
        color: blue;
       top: 5px;
}
#footer_icon_3{
	/* Applies to icon 3 */
       color: green;
       top: 3px;
}

Best regards,
Josue

Hi!

You can add the color property to that declaration and change the value as needed:

.language_code {
display: block !important;
text-transform: uppercase;
color: #333;
}

Cheers!
Devin

There isn’t much we can do about that. The download speed is determined by your server and how fast it responds to the request for data combined with the data on those pages.

Performance with WordPress is a pretty big topic but generally using a caching plugin is your best route for increasing performance. Even just using a plugin to minify scripts will decrease file size and help speed up downloads.