social menu text link - Support | Kriesi.at

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts

May 25, 2022 at 11:20 am #1352904

kamporo

Participant

i want to add custom link (text) next to the icon (at header area) but not an icon
is this possible

i found how to add custom icon next to sosial

function avia_add_custom_icon($icons) {
    $icons['Login e-cost']  = array( 'font' =>'entypo-fontello', 'icon' => 'ue824');
    return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

function avia_add_custom_social_icon($icons) {
    $icons['Login e-cost'] = 'Login e-cost';
    return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
function change_menu_position() { 
?>
<script>
(function($){
	$('.main_menu ul.social_bookmarks').insertafter($('.main_menu div.avia-menu'));
})(jQuery);
</script>
<?php
}

thank you

May 26, 2022 at 2:39 pm #1353054

Mike

Moderator

Hey kamporo,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

#header .social_bookmarks_Login.e-cost a:after {
  content: " Login e-cost";
  display: inline;
  font-weight: bold;
}
#header .social_bookmarks_Login.e-cost a,
#header .social_bookmarks_Login.e-cost {
  width: 120px;
}

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

Best regards,
Mike

May 27, 2022 at 1:34 pm #1353146