Support » Plugin: WordPress Button Plugin MaxButtons » Depress button on click?

  • Resolved Handyann


    The buttons I’ve made work fine, but I wondered if there was a way to make them appear to depress or move in when they’re clicked please?
    I can’t find any settings for this in the button builder and it’s not mentioned anywhere online that I can find.
    Many thanks

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Handyann


    Never mind – I managed to do it using some extra CSS gleaned from three different sites. It works really well now with a satisfying down-up on clicking.
    It would be nice to have this facility added to MaxButtons though 🙂

    For anyone else looking for this function, I added this to the Additional CSS section of the Appearance-Customise menu:

    a:active {
    box-shadow: inset 5px 5px 7px 2px #333333 !important;}

    Obviously the parameters need changing to suit. On my button, the shadow goes from bottom/right outside the button to top/left on top of the button.
    The PX numbers control (from left to right): horizontal shadow placement, vertical shadow placement, blur and spread. ‘Inset’ makes the shadow appear on the button itself, making it look like it’s being pushed in. I don’t usually like using ‘!important’, but in this case the original will override the new CSS if you don’t use it.

    I hope this makes sense!

    • This reply was modified 1 year, 11 months ago by Handyann. Reason: additional info
    • This reply was modified 1 year, 11 months ago by Handyann.
    Plugin Author Bas Schuiling


    I’m happy you managed to figure it out. You can add box-shadow from the plugin, but inset is indeed not supported.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Depress button on click?’ is closed to new replies.