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