space between widget

Hey there duponddupont,

How are you doing today?

I’ve checked your site and I’m not exactly sure which widgets are you referring to? Could you please add a screenshot of which space exactly are you trying to rid of so I can try to help with some CSS code?

Please let me know ??

Cheers,
Bojan

Well I cannot take a screenshot, but I can explain:
on the home page for example, there is some space between the widget “Goals” and the 3 differents boxes below and there is also space between the boxes.
An also I just realized, it fore the color of the widget, as you can see the color of the background isn’t the same as the one f the widget
With my previous theme it wasn’t like that, but it seems that the Radiate theme include some padding and margin that I can’t delete using CSS

Hey again duponddupont,

The padding comes from a pannels that are used on that page. I’ll try to target only panels on your home page so we don’t mess up things on other pages as well.

Please try adding the following CSS code in the style.css file of your child theme or if your theme doesn’t have custom CSS tab add it in your site using the following plugin:

https://www.ads-software.com/plugins/simple-custom-css

.home .panel-grid-cell .panel-first-child {
    padding-bottom: 0;
}

.home .panel-row-style-widgetcolorpair.widgetcolorpair.panel-row-style {
    padding: 0;
}

Hope this helps ??

Cheers,
Bojan

It works !!! But only for the padding between the rows, not the padding between the widgets that are on the rows .. Also it fixes the problem on the home page but only partially on the others

Hey again,

It affects the home page only because I’ve added the the “.home” in the selector, you can remove it if you want so it affects all pages on your site. I did that because these elements are part of the HTML that should be on all your pages so I’m not sure what else will be affected.

As for the padding between rows I’m not really sure what you’re referring to, you can use apps like Jing to take a screenshot so you can upload the link here.

Best regards,
Bojan

See https://uberis.duponddupont.com/wp-content/uploads/2016/03/Screen-Shot-2016-03-18-at-17.02.43.png what I mean,
There is spaces between the widget everywhere and the background color is forced too

Hey again duponddupont,

Please try adding the following as well:

.so-widget-sow-editor .datagrid {
    width: 190px;
}

.so-panel.widget_sow-editor {
    padding: 0;
}

Hope this helps ??

Cheers,
Bojan

Hey thank you! It works!

Glad I could help ??

Cheers,
Bojan