Home>Support>Space between image background and image? (SiteOrigin Page Builder Free)

Space between image background and image? (SiteOrigin Page Builder Free)

I’m trying to achieve an ‘image’ border around my images, however, I’m getting stuck at just having a full background behind my images instead?

I’m trying to go for something to the 4th image on this blog post :
https://www.inthefrow.com/2018/08/5-ways-to-be-better-at-your-job-and-enhance-your-career.html#

I’ve tried adding in a background and then a border and changing around padding sizes etc but nothing seems to work…

Is it possible to do this at all?

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

  1. 6 years, 23 days ago Alex S
    Hi, I Work Here

    Hi,

    This is possible. Please add a SiteOrigin Image widget and set it up as desired. Before closing it, head over to the widget styles sidebar and open the Layout settings group. Set the Padding field to (this can be altered as desired) 10 10 10 10. Open the Attributes settings group and set the CSS Styles field to:

    border: 5px solid #fff;
    

    Close the widget and open the row housing the widget.

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