Home>Support>[PageBuilder][Drop shadow] Drop Shadow

[PageBuilder][Drop shadow] Drop Shadow

Hi,

I have tried several things without success.

Last thing I have tried :

#panel-grid-cell pgc-538-0-1 {
-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
}

Is it possible to add a drop shadow around a column in the Page Builder (seveal widgets inside a column) ? And if not possible around an editor widget ?

Thanks a lot for your help :-)

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Hi Shakasan

    Thanks for reaching out.

    Unfortunately, there isn’t any native way of doing this with Page Builder. This is something we might add in the future. For the moment you could perhaps try a plugin like: https://wordpress.org/plugins/drop-shadow-boxes/. I haven’t tested this plugin with Page Builder so you’d need to do a little experimentation. Sorry we don’t have more.

  2. 8 years, 1 month ago shakasan

    Hi

    Thanks for your reply :-)

    I have found this plugin in the meanwhile and tried it.
    1) Use drop-shadow-boxes shortcode with my other plugins inside not work
    2) Use shortcodes of my other plugins inside the drop-shadow-boxes work

    The problem is the edition part for text, plugins, etc etc inside drop-shadow-boxes plugin is really basic (just simple textarea)

    But the problems is solved ^^

    Thanks a lot again for your reply :-)
    And also for your great plugin (completely addicted ^^)

  3. 8 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Thanks for the detailed feedback. I’m glad to hear you’ve made some progress with this challenge. Thanks for your support, appreciate it :)

  4. 7 years, 11 months ago Jonathan Waters

    Hi Shakasan,

    I may have solved this one. I have used the following code to add drop shadow around an editor row, and cells within the row. I think this may be what you are looking for:

  5. 7 years, 11 months ago Jonathan Waters
    /* drop shadow on cells */ 
    #pgc-34-3-0.panel-grid-cell  {
    box-shadow: 0px 0px 4px grey;
    }
    #pgc-34-3-2.panel-grid-cell  {
    box-shadow: 0px 0px 4px grey;
    }
    #pgc-34-3-4.panel-grid-cell  {
    box-shadow: 0px 0px 4px grey;
    }
    #pgc-34-3-6.panel-grid-cell  {
    box-shadow: 0px 0px 4px grey;
    }
    
    /* drop shadow on rows */ 
    #pg-34-1.panel-grid  {
    box-shadow: 0px 0px 4px grey;
    }
    
Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More