Hi,
On the homepage of the site in the header section I would like to remove the YouTube Icon. I have targeted it using CSS with the inspector tool many times only to have that CSS applied and not work.
I have tried using incognito browsing and deleting all browser caches. Nothing seems to remove it.
The site homepage is here – https://www.thechildhoodlife.com
Thanks
Shane
Hi,
So you want to remove just the icon? Content of an iframe will probably not be affected by CSS targeting so that will not work. Maybe you can modify the code or implementation you use for that section, or maybe there are more styles to choose from, also with no icons.
Thanks
How would you suggest I do this Simion?
By using the implementation you use now, it would not be possible. They don’t have many styles available
– https://developers.google.com/youtube/youtube_subscribe_button
Maybe there are some plugins that would allow you to add a customized version of the button or with styles to choose from. Try searching for YouTube subscribe button plugins. Maybe you can find some and make some tests.
Hi Simion,
No not the YouTube subscribe button which is in the right upper corner, the youtube icon in the LEFT upper corner.
This is what I am trying to remove and can’t – https://snag.gy/1EDNTF.jpg
Oops, I did not even see that button, sorry.I thought the problem was with the right YouTube subscribe button iframe. That seems like the top bar socials, these could be removed by removing the account link from the social networks settings in the theme panel
– https://www.screencast.com/t/Ak0FxQZhkcM
No I tried that already. I made sure all text boxes for the social links were empty.
This is what I am trying to say to you, I have tried alot of options including CSS in theme panel and Live CSS.
Now that is unusual, it seems to be a social icon from the theme. These should not display unless account links are entered for them in the theme panel.
Try to enter this code in Theme panel->Custom CSS
– https://www.screencast.com/t/oUxJ5IwFu
.td-header-sp-top-widget .td-social-icon-wrap {
display: none;
}
Simion I have tried that several times with lots of variation on the classes and parent divs I target.
I have used the !important rule, I have used the custom css module in the theme panel, I have used the live css module, the wordpress native customizer tool.
I can’t remove it! Need help
Then probably this is a caching issue. Try to go into the super cache settings and delete the cache. The top social should be removed as soon as you removed the account from the theme panel, most certainly this is caching.
As you can see on post pages the icon is removed, so in the homepage it is the cache that keeps the page unchanged
– https://www.screencast.com/t/K8aYwuh3uA
I removed social icons from the main menu. These icons are not showing on the desktop view but the icons are showing in mobile view. How can I remove social icons from the main menu of mobile view?
Hi,
@Janty Do you mean the top bar socials? – https://www.screencast.com/t/eXHbdWl0
Those will be displayed on mobile as well, in the menu (regardless of mobile theme)
– https://www.screencast.com/t/bsGsaJUuZ
If the socials are removed from Theme panel->Social networks, they will be removed from both desktop and mobile.
Please correct me if I misunderstand something.
