Stunning WordPress Sites – It is the little things 😉

Sometimes Little Things Make a Big Difference

I love Shaped Pixels and try to persuade clients to use them if they haven’t already chosen a theme. But the reason that Andre provides a child theme is because out of the zip file the themes are not perfect for every site.

Let’s use this site as an example where I use an Emotions Child Theme . The Emotions Theme places the social link icons to the far right by default – see them ↘?

WordPress Emotions Theme

They also don’t use the Font Awesome Icons that I like. So I just changed them to be centered and use the icons with a “go there” font awesome icon ?

.social-navigation a[href*="facebook.com"]:before {
    font-weight: bolder;
    color: #6B8887;
    padding: 0 .5rem 0 .5rem;
    content: "\f08e";
    cursor: pointer;
}
.social-navigation a[href*="linkedin.com"]:before {
    font-weight: bolder;
    color: #6B8887;
    padding: 0 .5rem 0 .5rem;
    content: "\f08e";
    cursor: pointer;
}
#social-navigation {
    float: left !important;
    margin-left: -5rem !important;
}
.search-toggle {
    margin: -2px 0 0 33px;
    
}
.search-toggle:before {
    content: "search \f002";
}

And now they look like this:

WordPress Emotions Themes Social Icons In the Center
File this under more awesome WordPress Tips!
Awesome WordPress Tips