annem5

something strange is going on with my icons. when I add the code in the additional css plugin it changes the icons. But when I add the same code only in my child theme, nothing happens. The old ones remain visible.
How can I solve this?

sorry for the extra message that is the same..
And I also see the mistake I made! Its solved now. I had to change the name of facebook into the other media names.
So thank you for your help!

somehow they get stacked upon each other… the code works for one, but when I enter more only the last one is visible. And the old ones remain visible as well. or did I use the wrong code? I used this:

.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/04/facebook.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/instagram_z.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/pinterest_z.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/linkedin_z.png')
}

• This reply was modified 7 years, 4 months ago by annem5.

the code worked, great! Only when I enter more like this:

.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/04/facebook.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/instagram_z.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/pinterest_z.png')
}
.widget_wpcom_social_media_icons_widget .genericon-facebook::before {
        content: url('https://bluedewdesign.com/wp-content/uploads/2017/03/linkedin_z.png')
}

they get stacked upon each other, and some of the old ones remain visible… or did I used the code wrong?

• This reply was modified 7 years, 4 months ago by annem5.
• This reply was modified 7 years, 4 months ago by annem5.

Hi,

thats correct. Its because I have everything ‘private’ until I finished my site.. I would like to reveal it all at once. Do you need to see the front page online or is there another way..?

thank you!

• This reply was modified 7 years, 4 months ago by annem5.

thank you, that worked perfectly!

Hello,

this is my site: https://bluedewdesign.com/

Hi,

I did add the html for the images. I removed this and just added the word Facebook etc., and it worked!
Thank you!

this is the error I see on my page via inpection:

Failed to load resource: the server responded with a status of 404 (Not Found)
with this link to the image:
https://bluedewdesign.com/%E2%80%9Dhttp:/bluedewdesign.com/wp-content/uploads/2017/04/facebook.png%E2%80%9D

thank you, I will do that!

that worked, thank you for discovering the mistake!

Hi,

this is the page with the form:
https://bluedewdesign.com/contact/

thank you that worked!

So happy that it worked! Thank you so much for your help!

thank you for your advice.
I changed the php file. It seems to work. Maybe this did the trick. As a beginner I do not know how to check if the problem is solved now..

I do not have any child-theme plugins running. I did remove the extra custom css from jetpack. The only plugins I run are from jetpack (next to the google fonts plugin). If the problem is still there, I can give you a list of my running plugins.
but I hope the php file was enough ;).