Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 20, 2017 at 2:07 pm #866695
    Mulholr1

    Hi Folks,
    I’ve been trying to add a drop shadow to the buttons on my landing page with pretty much no success :( I know you guys aren’t supposed to be here for web dev and are inundated with theme-specific stuff, but I was wondering if you could offer any suggestions. Would be really appreciated if you could help.

    The effect I’m trying to achieve is something like this: https://1drv.ms/i/s!AnfCo4UK3bBViZdEtrNn5vBJEKRKeA

    I’ve put the URL (to my website) and login details in private content, if required.

    Regards

    Ray

    October 20, 2017 at 4:06 pm #866762
    Jordan Shannon

    Hey Mulholr1,

    Try the following in quick css:

    .avia-button{
-moz-box-shadow:    6px 6px 0px 0px #000;
  -webkit-box-shadow: 6px 6px 0px 0px #000;
  box-shadow:         6px 6px 0px 0px #000;
}

    Best regards,
    Jordan Shannon

    October 20, 2017 at 4:48 pm #866791
    Mulholr1

    That’s great, thanks so much Jordan!

    1 quick question – I have different color buttons the website – is there a way of using CSS to target individual buttons (so that drop-shadows in the corresponding color can be applied)?

    Best regards

    October 20, 2017 at 4:50 pm #866793
    Jordan Shannon

    Hi,

    You can add class names to the buttons or target the specific section block their in.

    Best regards,
    Jordan Shannon

    October 22, 2019 at 3:17 pm #1150210
    flyworxatl

    Hey, how do I change opacity for the shadow?

    October 22, 2019 at 5:16 pm #1150223
    Jordan Shannon

    Hey flyworxatl,

    Provide a link to the site/page in question so we can look into it further for you.

    Best regards,
    Jordan Shannon

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