Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • #165785
    abisbee
    Participant

    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

    #165815
    sapana
    Participant

    @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

    #165962
    abisbee
    Participant

    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

    #166192
    abisbee
    Participant

    Any help with the CSS?

    #166207
    sapana
    Participant

    @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

    #166265
    abisbee
    Participant

    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

    #166278
    sapana
    Participant

    @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

    #166292
    abisbee
    Participant

    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

    #166297
    sapana
    Participant

    @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

    #166304
    abisbee
    Participant

    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

    #166306
    sapana
    Participant

    @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

    #166471
    abisbee
    Participant

    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!

    #166876
    sapana
    Participant

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

    Kind Regards,
    Sapana

    #166883
    sapana
    Participant

    @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

    #179576
    ririagatha
    Participant

    maybe you can try with plugin

Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘button to share page to Facebook’ is closed to new replies.