-
-
Hi,
Please show me how to change the order of the social icons that appear in widgeted areas. For example, I want the email icon to appear last and the Linked-In icon to be before the Twitter icon.
Many thanks.
RR -
Hello,
Please go to \includes\widgets\codeless_socialwidget.php and find these lines:
echo '<ul class="footer_social_icons '.esc_attr($style).'">'; if( !empty($cl_redata['facebook']) ) echo '<li class="facebook"><a href="'.esc_url($cl_redata['facebook']).'" target="_blank"><i class="icon-facebook"></i></a></li>'; if( !empty($cl_redata['twitter']) ) echo '<li class="twitter"><a href="'.esc_url($cl_redata['twitter']).'" target="_blank"><i class="icon-twitter"></i></a></li>'; if( !empty($cl_redata['flickr']) ) echo '<li class="flickr"><a href="'.esc_url($cl_redata['flickr']).'" target="_blank"><i class="icon-flickr"></i></a></li>'; if( !empty($cl_redata['google']) ) echo '<li class="google"><a href="'.esc_url($cl_redata['google']).'" target="_blank"><i class="icon-google"></i></a></li>'; if( !empty($cl_redata['dribbble']) ) echo '<li class="dribbble"><a href="'.esc_url($cl_redata['dribbble']).'" target="_blank"><i class="icon-dribbble"></i></a></li>'; if( !empty($cl_redata['foursquare']) ) echo '<li class="foursquare"><a href="'.esc_url($cl_redata['foursquare']).'" target="_blank"><i class="icon-foursquare"></i></a></li>'; if( !empty($cl_redata['linkedin']) ) echo '<li class="foursquare"><a href="'.esc_url($cl_redata['linkedin']).'" target="_blank"><i class="icon-linkedin"></i></a></li>'; if( !empty($cl_redata['pinterest']) ) echo '<li class="pinterest"><a href="'.esc_url($cl_redata['pinterest']).'" target="_blank"><i class="icon-pinterest"></i></a></li>'; if( !empty($cl_redata['youtube']) ) echo '<li class="youtube"><a href="'.esc_url($cl_redata['youtube']).'" target="_blank"><i class="icon-youtube"></i></a></li>'; if( !empty($cl_redata['email']) ) echo '<li class="email"><a href="'.esc_url($cl_redata['email']).'" target="_blank"><i class="icon-envelope"></i></a></li>'; if( !empty($cl_redata['instagram']) ) echo '<li class="email"><a href="'.esc_url($cl_redata['instagram']).'" target="_blank"><i class="icon-instagram"></i></a></li>'; echo '</ul>';
Change the alignment to your wish.
Best regards!
-
-
Hi Mihaila,
Thanks, this worked very well. However, is there a way to do this on our child theme so that the changes won’t be lost when the theme is updated?
Many thanks.
RR
-
-
Hello,
Sorry but this will not take effect in a child theme. You have to do it at the parent theme. For future updates. just save a copy of the edited file and replace it back after the update. So you won’t have to do these edits again.
Best regards!
-
You must be logged in to reply to this topic.