Hi Brenda!
Thanks for getting back to me and I appreciate the compliment. I tried the jpeg format but it wasn’t uploading it with a transparent background. I created a new .png file and it’s working great now.
Thanks for the help with the image!
I do have another question, maybe you’ll be able to help me…
At the bottom of my site, in the gray footer section, you’ll see there are 5 round buttons that all have a little house in them. I’ve found in the code where I can change the image, but when I do, it changes them all to the same thing. I’d like to be able to differentiate them but cannot figure how to do it. I included the code below where I’ve been able to make changes, but maybe I need to be looking elsewhere? I understand that f\105 is a house in font awesome language, but I can’t seem to add other images that correspond to the other buttons.
https://wifeinthewildblueyonder.com/wp/
.social-icons li a::before {
font-family: 'FontAwesome';
font-size: 16px;
font-weight: normal;
content: '\f015';
}
.social-icons li a span {
display: none;
}
.social-icons li a[href*="facebook.com"]::before { content: '\f09a'; }
.social-icons li a[href*="twitter.com"]::before { content: '\f099'; }
.social-icons li a[href*="plus.google.com"]::before { content: '\f0d5'; }
.social-icons li a[href*="linkedin.com"]::before { content: '\f0e1'; }
.social-icons li a[href*="github.com"]::before { content: '\f113'; }
.social-icons li a[href*="dribbble.com"]::before { content: '\f17d'; }
.social-icons li a[href*="foursquare.com"]::before { content: '\f180'; }
.social-icons li a[href*="pinterest.com"]::before { content: '\f0d2'; }
.social-icons li a[href*="wordpress.com"]::before { content: '\f19a'; }
.social-icons li a[href*="youtube.com"]::before { content: '\f16a'; }
.social-icons li a[href*="vine.co"]::before { content: '\f1ca'; }
.social-icons li a[href*="instagram.com"]::before { content: '\f16d'; }
.social-icons li a[href*="stackexchange.com"]::before { content: '\f18d'; }
.social-icons li a[href*="mailto:"]::before { content: '\f0e0'; }
.social-icons li a[href$="/feed/"]::before { content: '\f09e'; }
Thanks in advance for your help. I hope I was clear enough with my question.
Cheers,
Alexis
