Text Box Shadow to Match Accordion

[jjmil03]

Hello,

I am trying to create a text box with the same border shadow effects and border line settings (color, radius, etc) as the accordion element. Been trying to find the settings in CSS with developer tools but have been unsuccessful. Could you point me in the right direction? I’d appreciate it!

Jon

[nabeel]

Hey Jon,

Thank you for reaching out to us. Give your text box a class e.g text-box and then you can use the following code to match with the box shadow of v2 accordion element

.text-box {
    box-shadow: 0em 0.15em 0.65em 0em rgba(0,0,0,0.25);
    border-radius: 0.35em 0.35em 0.35em 0.35em;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Hope this helps!

[jjmil03]

Exactly what I was looking for, thanks!

Jon

[rad]

You’re most welcome!