Main content increase padding

I am struggling to adjust the main content to have more padding, say 30px. I’d like header,nav and footer to remain same. I managed it using chrome dev .center-container (or similar class name) which i know only adjusts the main content. BUT it doesn’t take, even when i add important to padding for it. It did work in chrome dev. Any ideas?