Support » Plugin: Floating Contact Button » Change button position

  • Resolved ollieuk

    (@ollieuk)


    I am currently using FCB together with Google Recaptcha.
    The recaptcha badge and the FCB are now rendering on top of each other.
    There is the ability to add CSS to grecaptcha to change the position, but there are challenges in this and it ends up with the grecaptcha bag being displayed higher up the page than FCB although it is less important (to the user).

    Is there the ability to control the position of FCB directly or via CSS?
    Something like

    /* move FCB to 120px above bottom of page /*
    .grecaptcha-badge {
    	bottom: 120px !important;
    }

    would be really helpful.

    • This topic was modified 6 months, 3 weeks ago by ollieuk.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author cmsgeek

    (@cmsgeek)

    Hi @ollieuk ,

    in the plugin settings such a function is not yet implemented, but it might be for future versions.

    But with CSS you can change the position without any problems:

    i.fcb-icons {
        bottom: 87px !important;
    }

    This adjustment can best be made in the theme style.css, so that this will not be overwritten by future plugin updates.

    Best regards,
    Chris

    Thread Starter ollieuk

    (@ollieuk)

    Hi @cmsgeek,
    Thanks. That was exactly what I was looking for.
    Cheers,
    Oliver

    And how, i could move this button from right to left only?
    +)

    Plugin Author cmsgeek

    (@cmsgeek)

    Hi @mauri01 ,

    with the following adjustment in the CSS file you can change the position. The 20 pixel distance from left can of course be changed arbitrarily.

    i.fcb-icons {
    left: 20px;
    }

    Best regards,
    Chris

    This worked perfectly!

    Thank YOU!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.