Home>Support>CSS attributes slipping in / how to modify?

CSS attributes slipping in / how to modify?

Hello good folks,

Page is https://poe.digital/digital-media/

One of my panel is acting strange. Two things I can’t seem to assess…

1st – it adds grey borders which are around 15px. Removing them would “patch” my issue.
2nd – margins are added out of, what appears to me, nowhere. Below is the CSS that affects them.

div id=”pgc-2-2-0″

.so-panel {
margin-bottom: 0; (current value is 30px)
}
.p {
margin: 0 0 0; (current value is 0 0 1.5em)
padding: 0;
}

Please let me know if I didn’t provide enough details. What I would like to achieve is a gapless masonry.

Cheers,

Pierre

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

  1. 7 years, 1 month ago Alex S
    Hi, I Work Here

    Hi Peter,

    1. This is happening as the images aren’t full width. Please add the following CSS to WP AdminAppearanceCustom CSS:

    .widget_media_image img {
    	width: 100% !important;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

    2. It looks like you’ve removed this spacing. Let me know if you still need assistance with this. With that said, the spacing you’re referring too is the row/widget bottom margin. You can’t directly control the widget bottom margin at this time but you can control the row bottom margin – we recommend separating different rows into different rows to give you more control over the spacing. The row bottom margin can be adjusted by opening the row and heading over to the row styles sidebar. Open the Layout settings group and set the bottom margin as desired.

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