Community Forums › Forums › Archived Forums › Design Tips and Tricks › Simple Share Widget
Tagged: simple share widget, Wintersong
- This topic has 13 replies, 2 voices, and was last updated 9 years, 7 months ago by
Brad Dalton.
-
AuthorPosts
-
August 9, 2015 at 9:20 pm #161885
phillip.sims.jr
MemberHow do I get the simple share widget to disappear on a particular page. I want it to show up on my posts but not on my about or contact page.
Is there a way to do this?
http://diathletes.comAugust 10, 2015 at 4:04 am #161900Brad Dalton
ParticipantAugust 10, 2015 at 7:52 am #161925phillip.sims.jr
MemberBrad,
Where would I create the new widget area? Do I paste that in a particular area in my style.css?August 10, 2015 at 7:55 am #161926Brad Dalton
ParticipantUse a code editor and paste the code i linked to at the end of your child themes functions file.
You'll need to add the conditional tag to the code, after the function.
Here's an example http://wpsites.net/web-design/after-post-widget-genesis/
August 11, 2015 at 11:06 am #162041phillip.sims.jr
MemberBrad,
Thank you for the help. I'm not very experienced with this so I think the vocab is what is confusing for me. It sounds like what I want to do it setup a widget for after posts but I'm not really sure after that.Where you had the 'post' would I add the URL to the page that I don't want to widget area to show up? Could you give me some more clarification for how this works?
Thanks again for your help.
August 11, 2015 at 12:01 pm #162049Brad Dalton
ParticipantIs the plugin installed already?
Please link to the page you want to remove it from?
A simple way to remove the buttons is too inspect them using your browser, find the class and remove them using CSS in your child themes style.css file
.postid-61496 .share-before_entry_header { display: none; }
Grab the post i.d by viewing the source code and scrolling down to the body classes section. Right click the page to view the source.
August 11, 2015 at 6:43 pm #162102phillip.sims.jr
MemberAdd the simple hooks plugin?
I have used firebug to inspect the page. The two for now that I want to remove it from are these:
http://www.diathletes.com/about/
http://www.diathletes.com/contact/
I'm trying to learn how to do it so I can repeat it if I ever need it again.
I know how to remove them in my style.css but won't that remove them from my entire website? I want to just remove them from those two pages which it sounds like is why I need the hooks plugin.
What is my next step after installing the plugin?
Thanks again.
August 12, 2015 at 3:53 am #162123Brad Dalton
ParticipantNo need for simple hooks.
Grab the I.D from the source code and exclude those pages as shown in the above CSS.
August 12, 2015 at 10:10 am #162170phillip.sims.jr
MemberBrad, I wish I was following you here. I appreciate you trying though.
August 12, 2015 at 10:14 am #162171Brad Dalton
Participant.page-id-59 .sharrre, .page-id-44 .sharrre { display: none; }
Paste this at the end of your style sheet.
Tested and works.
August 12, 2015 at 10:17 am #162172phillip.sims.jr
MemberI pasted that but the simple share widget is still showing up on those two pages.
August 12, 2015 at 10:18 am #162173Brad Dalton
ParticipantAugust 12, 2015 at 10:23 am #162175phillip.sims.jr
MemberThat time it worked. So, just for future reference how do I find the page ID? I know it is by viewing the source code but how do I get there? Thanks Brad.
August 12, 2015 at 10:30 am #162176 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.