Archived topic
Add shaded box around text area and add text in a table
5 replies · Started by margery on November 8, 2017
Hi - is there a way to add a shaded box round a paragraph and also add text in a table via one of the generatepress plugins, or do I need to find a separate plugin for this? Thanks!
Hi there,
CSS solution should do.
Can you link me to a page and let let me know where you would like to do this?
Hi Leo - thank you for your help with this. I wasn't sure if you're offering to go in and add the CSS solution - but instead, could you tell me how to do it myself, or point me in the direction of some guidance? I'm going to have a few boxes to do, so I'd rather 'learn to fish' myself!! I'm OK with a bit of code and html! Thanks!
So first you would wrap the text in div like this:
<div class="shadow">My text here</div>
Then add CSS:
.shadow {
-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);
}You can use this site for the CSS part: https://www.cssmatic.com/box-shadow
Thank you - that's great.
No problem :)
