[Resolved] Add shaded box around text area and add text in a table

[margery]

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!

[Leo]

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?

[margery]

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!

[Leo]

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

[margery]

Thank you – that’s great.

[Leo]

No problem 🙂

[Author]

Posts