Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers
-
If you are working with Goodlayer's Flawless for Wordpress you probably want to pull out Google+ from your social media icons because it doesn't exist any longer. Or you might want to edit other icons. Doing so is completely not obvious.
What you need to do is search for this file in your theme gdlr-social-icon.php. In there there are three references to any given social media icon. Search for the three spots where Google+ (or whatever icon you want to remove is) and delete them. That's it.
I found that editing this file in the WP editor would not work, and had to use vi directly from the OS. Be sure to back up any file before making changes, of course.
-
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
-
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
-
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
-
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
I'm with @Obsolesce on this one. Better to hide elements by adding CSS rules instead of changing the code. That way it will survive updates.
-
Here's an example with my Wife's blog, where I use custom CSS to heavily alter the look of the site:
Removing the widget titles:
.widget-title { display:none; }In your example, you'd find which element displays the the icon, and not display it. I mean it completely depends on the theme and how it uses CSS, but that's generally how you'd go about it. I've not used that theme before. Do you have an example I can look at?
Here's where you do it in WP:
-
For instance if you add
display: noneto any element it isn't visible anymore.So you have to find the class/id of the thing you want to hide first. Make a rule for that where you hide the element and the work is done.
For instance if I wanted to hide the ML logo on this forum I'll add this css:
.forum-logo { display: none; } -
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Here's an example with my Wife's blog, where I use custom CSS to heavily alter the look of the site:
Removing the widget titles:
.widget-title { display:none; }In your example, you'd find which element displays the the icon, and not display it. I mean it completely depends on the theme and how it uses CSS, but that's generally how you'd go about it. I've not used that theme before. Do you have an example I can look at?
Haha, you beat me to it.
-
@Pete-S said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
So you have to find the class/id of the thing you want to hide first. Make a rule for that where you hide the element and the work is done.
there isn't one in this case without editing the PHP, taking us back to the beginning of why I did it this way
-
@Pete-S said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
I'm with @Obsolesce on this one. Better to hide elements by adding CSS rules instead of changing the code. That way it will survive updates.
I would if it had an element. It's part of a block that has one, but I don't want to hide the rest.
-
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Pete-S said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
I'm with @Obsolesce on this one. Better to hide elements by adding CSS rules instead of changing the code. That way it will survive updates.
I would if it had an element. It's part of a block that has one, but I don't want to hide the rest.
I guess we'll never know. I don't even see the G+ icon on their preview...
But yeah, if there is no way to target or single out that icon via CSS, and they don't provide a way to hide or show icons in the Theme settings, then you are forced into performing bad practices in editing the php files directly.
-
@Obsolesce Where did you find the preview? Link?
https://demo.goodlayers.com/flawless/ -
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Pete-S said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
I'm with @Obsolesce on this one. Better to hide elements by adding CSS rules instead of changing the code. That way it will survive updates.
I would if it had an element. It's part of a block that has one, but I don't want to hide the rest.
I guess we'll never know. I don't even see the G+ icon on their preview...
But yeah, if there is no way to target or single out that icon via CSS, and they don't provide a way to hide or show icons in the Theme settings, then you are forced into performing bad practices in editing the php files directly.
Yeah, they have it all in the same element. And if the settings don't present options to show/hide specific social media icons, then you have to do what you have to do.
-
@Obsolesce I couldn't find any settings for them at all. Its' a terrible template to work with.
-
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Pete-S said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Doesn't editing PHP files directly get overwritten when themes are updated? I found that the best way to customize or edit themes is to add custom CSS in the appropriate custom CSS location.
YOu are using CSS to detect the PHP and disable it? That would be really complex.
No, it doesn't work that way.
But it's extremely easy and is the best way to do it.
I'll post more soon, putting kids to bed / bedtime routine.
I'm with @Obsolesce on this one. Better to hide elements by adding CSS rules instead of changing the code. That way it will survive updates.
I would if it had an element. It's part of a block that has one, but I don't want to hide the rest.
Yes, if it's like the demo I see the problem. The people who made the template should have added a different id to each social media icon so you could style them independently.
-
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce I couldn't find any settings for them at all. Its' a terrible template to work with.
Here's those options with the theme I like to use:
Extensive list:
-
@Obsolesce where did you find that?
-
Maybe just dump that bad theme all together.
-
@scottalanmiller said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
@Obsolesce where did you find that?
This is the one I use for my blog:
https://www.cryoutcreations.eu/wordpress-themes/nirvanaBut I think most of their themes all have the same options.
For my wife's blog, I heavily customized the Twenty-Seventeen theme.
-
@IRJ said in Remove Social Media Icons like Google+ from Flawless Wordpress Theme by Goodlayers:
Maybe just dump that bad theme all together.
I'd love to, but I just host the site and help out a little.
