Why did these social icons break?

  • Hi.
    I know this theme is not supported. I’m inexperienced but I’m willing to try hard to learn CSS, despite this theme.
    When I installed the Better Font Awesome plugin, my Services page was fixed but the social media icons broke! Here’s the CSS. Needless to say, I don’t know what to look for, but I’m willing to rebuild this site from the bottom up if necessary. Thanks for any help.

    ul.social-media-icons { 
  	margin: 0;
  	padding: 0;
}

.social-media-icons li {
  	list-style: none outside none; 
}

.social-media-icons li .fa {
	display: block;
	width: 100px;
	height: 100px;
	font-size: 30px;
	line-height: 100px;
	color: #ccc;
	border-bottom: 1px solid #eaeaea;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
  	-ms-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s; 
} 

.social-media-icons li .fa:hover {
	color: #fff;
	background: #dadada; 
	border-bottom: 1px solid #dadada;
	-webkit-transition: ease-in-out 0.2s;
	-moz-transition: ease-in-out 0.2s;
  	-ms-transition: ease-in-out 0.2s;
	-o-transition: ease-in-out 0.2s;
	transition: ease-in-out 0.2s; 
}

ul.home-details {
	margin: 0 0 3em;
	padding: 0 0 3em;
	list-style: none;
	font-size: 13px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}

ul.home-details li {
	padding-left: 35px;
	margin-bottom: 15px;
}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Did you check to see if the plugin is loading a different version of Font-Awesome?

    Hi philipharding,
    You say “but I’m willing to rebuild this site from the bottom up if necessary.” and I believe these is the best solution. I would choose one of the best-sellers WordPress themes from here: https://themeforest.net/popular_item/by_category?category=wordpress . They will make your job much easier and you can have the theme support team helping you. On top of that, all those themes offer pre-designed page templates or page-sections templates.
    Bruno

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Why did these social icons break?’ is closed to new replies.

Tags