Box shadow on hover, and make box into a link

[rivermobster]

border color:  #d3d3d3

.box:hover {
  box-shadow: 0 0 11px rgba(33,33,33,.2); 
}

 

[rivermobster]

NOTE:  If you switch from text mode to Visual mode, you must reinsert the link in text mode!

You can do this by adding some CSS to your website, and some HTML to the widget itself.

Please add the following CSS to your website:

.link-overlay {
        position: relative;
}
.link-overlay-link {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
}

Now please open a SiteOrigin Editor widget and add your desired text. Then switch to Text mode and add the following HTML:

 

<a href="https://google.com.au/" class="link-overlay-link"></a>

Go over to the Widget Styles sidebar and open the Attribute settings group. Set the Widget Class to link-overlay and then save.