Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #866695

    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

    #866762

    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

    #866791

    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

    #866793

    Hi,

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

    Best regards,
    Jordan Shannon

    #1150210

    Hey, how do I change opacity for the shadow?

    #1150223

    Hey flyworxatl,

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

    Best regards,
    Jordan Shannon

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