- This topic has 14 replies, 3 voices, and was last updated 4 years, 7 months ago by ririagatha.
-
AuthorPosts
-
February 13, 2019 at 1:09 pm #165785abisbeeParticipant
Hi.
Does Catch Responsive Pro have a button/icon that allows a reader to share a page to their Facebook timeline? And preferably, allows them to add comments? We’d like to put this on pages.
Alice
February 13, 2019 at 11:21 pm #165815sapanaParticipant@abisbee: This option is not available in the theme, you will need to use a suitable plugin from the WordPress Plugin repository.
Kind Regards,
SapanaFebruary 15, 2019 at 2:28 pm #165962abisbeeParticipantThank you, Sapana. I found a something from FB, but am now having trouble lining it up with the title. I put it in a container so that I could float it right and made the button in-line, but it still is placed oddly. I want one line with title on left and button on right. Any suggestions? https://wellnesswarriorsboston.org/dragon-boating-cancer/
Alice
February 19, 2019 at 2:56 pm #166192abisbeeParticipantAny help with the CSS?
February 19, 2019 at 11:44 pm #166207sapanaParticipant@abisbee:Go to=> Appearance=> Customize=> Additional CSS=> add the following css code
.fb-share-button-container { position: absolute; top: 10px; right: 0; } @media screen and (max-width: 480px){ .fb-share-button-container { top: 47px; } }
Let me know if this helps you out!
Kind Regards,
SapanaFebruary 20, 2019 at 2:18 pm #166265abisbeeParticipantHmmm. Unfortunately, the button disappears entirely when I use that code! I’ve left it in there so you can see what I mean.
Alice
February 20, 2019 at 10:30 pm #166278sapanaParticipant@abisbee: I have made small changes in previous code, please remove previous one and add the following code.
Go to=> Appearance=> Customize=> Additional CSS=> add the following css code.page-id-450 .entry-container { position: relative; } .fb-share-button-container { position: absolute; top: 10px; right: 0; } @media screen and (max-width: 480px) { .fb-share-button-container { top: 47px; } }
let me know if this works out!
Kind Regards,
SapanaFebruary 20, 2019 at 11:04 pm #166292abisbeeParticipantIt works! Thank you, Sapana!
I will need to list all the pages where I want this button. Does this kind of CSS code slow the website much?
Thank you again for your help.
Alice
February 20, 2019 at 11:12 pm #166297sapanaParticipant@abisbee:If you want to add this share button in other page, please add the page id of that respective page. Let me know if you face any difficulty. CSS code you have added will not slow your website.
Kind Regards,
SapanaFebruary 20, 2019 at 11:25 pm #166304abisbeeParticipantYes, I’ll add the page-ids of all the pages. Thanks for the reassurance that it won’t slow things down. I appreciate your assistance!
AliceFebruary 20, 2019 at 11:32 pm #166306sapanaParticipant@abisbee:Hello, there,
I hope I was able to resolve your issue. If it’s not too much trouble,I have a quick request: could you please leave an honest review? https://wordpress.org/support/theme/catch-responsive/reviews/#new-post Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.Thanks, and if there’s anything else at all that I can do to help,don’t hesitate to let me know.Kind Regards,
SapanaFebruary 22, 2019 at 4:20 pm #166471abisbeeParticipantHi Sapana,
I’ve added the code for all pages and it works perfectly… except I’m having a problem with mobile screens.
If a title is LONG (e.g. https://wellnesswarriorsboston.org/dragon-boating-cancer/) it works fine on the phone.
If a title is SHORT (e.g. https://wellnesswarriorsboston.org/who-we-are/), the button covers text in PORTRAIT mode. (Fine in horizontal mode.)How can we fix this?
Thank you.
Alice
P.S. Only one review allowed per user, apparently!
February 27, 2019 at 10:36 pm #166876sapanaParticipant@abisbee: I will look into the issue and get back to you soon.
Kind Regards,
SapanaFebruary 27, 2019 at 11:43 pm #166883sapanaParticipant@abisbee:Go to=> Appearance=> Customize=> Additional CSS=> add the following css code
@media screen and (max-width: 480px) { .page-id-194 .fb-share-button-container { top: 0px; } }
Let me know if this works out!
Kind Regards,
SapanaAugust 15, 2019 at 5:10 am #179576ririagathaParticipantmaybe you can try with plugin
-
AuthorPosts
- The topic ‘button to share page to Facebook’ is closed to new replies.