Home › Forums › Support › Help to make look material design This topic has 11 replies, 2 voices, and was last updated 3 years, 8 months ago by Leo. Viewing 12 posts - 1 through 12 (of 12 total) Author Posts July 16, 2020 at 9:09 am #1365869 William Hi there, I really like the fact the content wrapper has a material design look to it on post pages like this. Is there a way to give a material design to affect the dark purple area on the site? Kind regards, Will July 16, 2020 at 12:39 pm #1366037 LeoStaff Customer Support Hi there,m What do you mean by material design? July 17, 2020 at 3:15 am #1366523 William Hi there, Material design is a new approach to making things with shadows/layers etc. There’s good information on here, and all the big tech giants are pushing for material design all the time: https://material.io/design July 17, 2020 at 8:15 am #1366900 LeoStaff Customer Support Sorry I’m not really sure what I’m looking at here. Can you be a little more specific and let me know what exactly you’d like to add to the dark purple area here? Adding shadows? July 17, 2020 at 8:42 am #1366947 William Hi Leo, Sorry for being vague. I think the ‘Material’ design would include CSS on areas such as: – Box shadows to show hierarchy. To shadows to show that the dark purple element is above the light purple area – increase the length of the purple area so that the content wrapper appears above the dark purple area I hope that makes sense? July 17, 2020 at 11:44 am #1367084 LeoStaff Customer Support Try this CSS for shadow: .page-hero { -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75); } https://www.cssmatic.com/box-shadow July 19, 2020 at 3:18 am #1368448 William That’s the idea! But could it have a shadow around the whole of the dark purple element similar in style to how it is in the content wrapper? July 19, 2020 at 7:59 am #1368755 LeoStaff Customer Support Have you tried tweaking the shadow with the cssmatic website I linked above? Or am I missing something? July 19, 2020 at 9:39 am #1368827 William Hi there, I have thank you – the bottom looks good. However, for the top of the element and menu it does not have similar shadow? July 19, 2020 at 10:06 am #1368848 LeoStaff Customer Support Hmm I don’t see a way to apply a shadow following that outline you’ve shown above unfortunately. There is no way to include the shadow from the bottom of the menu link: https://www.screencast.com/t/YdVBWUp2 July 19, 2020 at 2:11 pm #1369033 William Okay, thank you very much for helping anyway! July 19, 2020 at 9:20 pm #1369162 LeoStaff Customer Support No problem 🙂 Author Posts Viewing 12 posts - 1 through 12 (of 12 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In