Hi,
how can I creat a “shadow” for an text box like in the link (the Boxes under “see all courses”)?
Is it possible to:
1. Do it for every textbox in the website?
2. For only few text boxes which I want?
Thanks!
I.
Hey iicinfo,
If you want to apply box shadow to all text blocks, then please try this in Quick CSS:
.av_textblock_section {
box-shadow: 4px 4px 4px 4px #000;
}
If you only want to apply it to some, then add a class to the element in the Advanced tab, then use CSS like this:
.my-text-block {
box-shadow: 4px 4px 4px 4px #000;
}
Best regards,
Rikard
Hi Rikard,
thanks a lot and sorry for the late respond.
I try the secon way (apply it to some) – but it did not work. Where exactly I have to put the code?
Thanks,
Ivan
Hi Ivan,
You would put the CSS snippet that I sent you in Quick CSS in the theme options, then the class in the element options:
my-text-block
Please try that out.
Best regards,
Rikard
Hi,
Thanks for the update. If you need a different look for your box shadow, then please refer to this documentation: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp, then make the necessary changes to the code I sent.
Best regards,
Rikard
Hi Rikard,
thanks a lot. I will look at it and try it.
Best wishes,
Ivan
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon
Hi Jordan,
for now it is ok. You can close it. Thanks.
Best wishes,
Ivan
Hi,
If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon