Margins\Padding for widgets

Under /wp-admin/ -> Appearance -> Customizer -> Additional CSS, try entering this:

.widget-area {padding-left: 20px !important;}

Also read this:
https://www.w3schools.com/css/css_padding.asp

• This reply was modified 5 years ago by Carike. Reason: small edit

Thank you, it worked, oddly there only thing I didn’t have was !important

try adding via ‘Additional CSS’:

#main .widget-area ul {
    padding-right: 10px;
}
#primary {
    padding-left: 10px;
    padding-top: 5px;
}

Very glad to hear that it worked! ??

While I don’t normally recommend !important (if people use it in stylesheets / inline CSS for themes / plugins it can cause conflicts), it is often necessary when making CSS adjustments under Additional CSS in the Customizer, since you need to over-write an already-existing default. So, for use cases like yours, it is a perfectly legitimate option.

Just a note, you may also want to consider changing the padding for the top of your widget.

Please mark your topics as resolved if any reply in the thread provided a solution.

This helps other users with similar problems find solutions more easily.

Just putting this out there, I posted a question for help and was happily assisted and marked my topic as resolved. Out there in cyberland, some trolls from a company called Fixrunner, who report themselves as experts in WordPress have relentlessly hounded me. I have asked them nicely then not so nicely to leave me alone I did not need and was in no way interested in their services. I have received no less than 20 emails from these spam monkeys. Just be aware people.