Floating buttons smaller – how?

  • Resolved tapiohuuhaa

    (@tapiohuuhaa)


    7 years, 1 month ago

    I would like to set floating buttons for mobile phones (viewport below 481px) but I don’t figure, how I could with CSS make them smaller.

    Setting CSS taking account the container widget, in this case #text-3
    and then #text-3 …. {} seems not work.

    It looks like floating buttons use some other CSS, but don’t figure, where is the CSS for the floating button and how I could
    * make buttons smaller
    * make top and bottom marginal smaller
    * make the container block for floating buttons smaller

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Contributor Christine

    (@cdegraff1)

    7 years, 1 month ago

    Please email [email protected] to see if our team can help.

    Thread Starter tapiohuuhaa

    (@tapiohuuhaa)

    7 years, 1 month ago

    I finally find working CSS:

    span.bottom-bottom-top-links a:hover::before {
    border-radius: 3px 0 0 3px!important;
    }
    .swp_floating_horizontal_wrapper .swp_social_panel {
    margin: 0!important;height:38px!important;padding-top:0px!important;padding-bottom:2px!important;
    }
    .swp_social_panelSide,.swp_floating_horizontal_wrapper {
    margin: 2px 0!important;height:36px!important; box-sizing:border-box;padding:2px!important}
    .swp_floating_horizontal_wrapper .swp_share_button {height:32px!important;}

    Now forum works with ordinary mobile phone correctly.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Floating buttons smaller – how?’ is closed to new replies.