Tagged: CSS, icon, social, social icons
Hi all,
I have looked through previous threads but I am struggling to get into adding Trip Advisor as an Icon in my header. I have added the code in the functions.php
– function avia_add_custom_social_icon($icons) {
$icons[‘Tripadvisor’] = ‘tripadvisor’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
I have also added this into the custom CSS under quick styling
-#top #wrap_all .av-social-link-kriesi a:before{
content: “”;
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url(http://kidnappedinbcn.hl345.dinaserver.com/wp-content/uploads/2017/09/TripAdvisor-logo.png) no-repeat center center;
background-size: contain;
}
But still no luck.
Would someone be able to advise?
Hey callum18,
Since you’re using the rss icon, try using this css code instead:
#top #wrap_all .av-social-link-rss a:before {
content: '';
width: 20px;
height: 20px;
display: inline-block;
vertical-align: middle;
background: url(https://kidnappedinbcn.hl345.dinaserver.com/wp-content/uploads/2017/09/TripAdvisor-logo.png) no-repeat center center;
background-size: contain;
}
Best regards,
Nikko