[Resolved] Drop shadow to generate blocks buttons

Home Forums Support Drop shadow to generate blocks buttons

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #1358712
    MADHEPUR

    Hey there, I want to give dropshadow to all buttons in generateblocks

    #1358923
    Suraj Katwal
    .gb-button {
                -webkit-box-shadow: 0px 0px 13px 0px #000000; 
                box-shadow: 0px 0px 13px 0px #000000;
    }

    Go to Appearance > Customize > Additional CSS and paste the above code. I think this should work.

    SEO, WordPress Optimization, Blogging Tutorials.
    GeneratePress Tutorial: https://www.wplogout.com

    #1358938
    David
    Staff
    Customer Support

    Thanks Suraj,

    worth using an RBGA value to give you better control over the color – for example a subtle shadow below:

    .gb-button {
        box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
    }

    OR you can add it like so to make the shadow appear on hover:

    .gb-button {
        box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0);
        -webkit-box-shadow:  0px 8px 24px -8px rgba(0, 0, 0, 0);
    }
    .gb-button:hover {
        box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
        -webkit-box-shadow: 0px 8px 24px -8px rgba(0, 0, 0, 0.7);
    }
    #1359946
    MADHEPUR

    Thanks Suraj and David.It’s working.

    #1360764
    Suraj Katwal

    👍👍

    SEO, WordPress Optimization, Blogging Tutorials.
    GeneratePress Tutorial: https://www.wplogout.com

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