Quick-CSS for Custom Tripadvisor Social Icon Color

Hi John, thanks for touching base with me. Let’s work this out..

The (“old”) general problem is that the new custom icons for social profiles (Tripadvisor, Opentable) are not displayed. They work with the layout builder, as you see:

https://www.dropbox.com/s/ec0ejhz5cl24d7f/Screenshot%202017-10-31%2011.36.14.png?dl=0

But when it comes to adding them to the top bar (or sticky socket at the bottom of the page), they are not displayed correctly, possibly because they are “white on white” in the middle between FB- and mail-button:

https://www.dropbox.com/s/0mn5uhj5ojuzfjd/Screenshot%202017-10-31%2011.34.34.png?dl=0

As with the code provided above, I already tried to fix that but it didn’t work.

EDIT: Additionally, without changing other stuff (really!), the theme now starts to behave strange. I experience severe problems displaying the page with Safari. The sticky header loses its background, the parallax sections are painfully slow (and not parallax), whole sections are not loaded.. that’s strange!!

For developing, I switched to Firefox now (no problem there, all loaded and smooth) but I have to resolve this before handing finishing my page.

Thanks already for dealing with my mess..
Hannes

• This reply was modified 6 years, 5 months ago by hanneska.

And by the way, where can I start a new topic as long as this one’s open?

In Safari (opp. to Firefox), half of the page content is not loading. What’s happening there? I made two screencast videos for

Firefox: https://www.dropbox.com/s/s898g4gqd1s648q/screencast-firefox.mov?dl=0

and Safari: https://www.dropbox.com/s/bbfsx73ad97p117/screencast-safari.mov?dl=0

You see, a lot’s missing. I don’t think that it’s a special type of content only that’s not loading. Apart from not loading, the whole page is kind of slow. Don’t know if it’s my connection or a weird/too-many plugin problem..

I added to the functions.php of the enfold-child:

// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
	$icons['tripadvisor']	 = array( 'font' =>'tripadvisor', 'icon' => 'uf262');
	$icons['opentable']	 = array( 'font' =>'opentable', 'icon' => 'ue800');
	return $icons;
}
add_filter('avf_default_icons','avia_add_custom_icon', 10, 1);

// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
	$icons['Tripadvisor'] = 'tripadvisor';
	$icons['Opentable'] = 'opentable';
	return $icons;
}
add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);

Like I found in the forum posts regarding custom social media icons. Like I said, they work in the layout builder when I add them as regular icons.

Sorry Ismael, I had some nameserver trouble recently by changing back-and-forth between the CDN’s.. Cloudflare seems weird to me, sometimes… Now it’s all up again!

Thanks a lot, it’s indeed working!

Which functions.php did you modify? The functions.php of the main theme or the child theme? Or the functions-enfold.php? Not that it gets lost after the next update…

Thanks!

Thanks a lot!