[abisbee]

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

[sapana]

@abisbee: This option is not available in the theme, you will need to use a suitable plugin from the WordPress Plugin repository.

Kind Regards,
Sapana

[abisbee]

Thank 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

[abisbee]

Any help with the CSS?

[sapana]

@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,
Sapana

[abisbee]

Hmmm. Unfortunately, the button disappears entirely when I use that code! I’ve left it in there so you can see what I mean.

Alice

[sapana]

@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,
Sapana

[abisbee]

It 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

[sapana]

@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,
Sapana

[abisbee]

Yes, 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!
Alice

[sapana]

@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,
Sapana

[abisbee]

Hi 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!

[sapana]

@abisbee: I will look into the issue and get back to you soon.

Kind Regards,
Sapana

[sapana]

@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,
Sapana

[ririagatha]

maybe you can try with plugin

[Author]

Posts