Change button position

  • Resolved ollieuk

    (@ollieuk)


    4 years, 5 months ago

    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 4 years, 5 months ago by ollieuk.
Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Christoph Nagel

    (@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

    mauri01

    (@mauri01)

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

    Plugin Author Christoph Nagel

    (@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)
  • The topic ‘Change button position’ is closed to new replies.