Cyber Week Sale! Get $20 off GP Premium, $40 off our new Lifetime license, and 45% off license renewals/extensions! Learn more

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

Home Forums Support Add shaded box around text area and add text in a table

  • This topic has 5 replies, 2 voices, and was last updated 3 years ago by Leo.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #418415
    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!

    GP Premium 1.4.3
    #418569
    Leo
    Staff
    Customer Support

    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?

    #418695
    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!

    #419015
    Leo
    Staff
    Customer Support

    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

    #419203
    margery

    Thank you – that’s great.

    #419674
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.