Close Icon Style (Content Area Modal)

[Finlando]

Hi there!

I want to put a box-shadow on the close icon itself (not the button). I didn’t find CSS to target the Icon.

Thanks a lot in advance!

[nabeel]

Hi @Finlando,

Thank you for reaching out to us. I believe you’re looking for Text Shadow because the Box shadow won’t be applied to the icon itself but it will be in a box shape. To apply the text shadow you can add the following code in the Theme Options > CSS:

.x-modal-close span {
    text-shadow: 2px 1px 10px #dfdfdf;
}

In case you want to apply the box shadow then you can make use of the following code:

.x-modal-close span {
    box-shadow: 1px 5px 20px 4px #888888;
}

To learn more about text and box shadows please see https://www.w3schools.com/cssref/css3_pr_text-shadow.asp and https://www.w3schools.com/cssref/css3_pr_box-shadow.asp

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!