Hi,
Could you please tell me the CSS that is needed to create such an image box frame: https://imgur.com/a/ipOz0sJ
I want to add it to an image added via the hero image box in order to have more options regarding size and tracking.
Thanks in advance for any help!
Hello @David!
In order to apply the CSS code on the hero element:
1. You need to disable the overlay: https://prnt.sc/zk9nV7FlOJ5u
2. Add an extra class to the Hero element: https://prnt.sc/HHpdeG3jtxwT
3. Apply the CSS code in the theme panel -> Custom code -> Custom CSS:
.custom-class { position:relative;}
.custom-class:after {content:''; position:absolute; top:10px!important; left:10px!important;width:calc(100% - 20px)!important; height:calc(100% - 20px)!important; border: 1px solid red;}
4. Your hero element will look like this: https://prnt.sc/-yFtuiEQPP_A
5. Adjust the CSS code according to your preferences.
Thank you!
