Hi
http://joomla.opholdsstedet-bustrup.dk/

I want to have a more narrow HEADER. I found this CSS code:

#g-header {

    background-color: rgba(255, 255, 255, 0);

    color: #81829a;

    padding: 2.5rem 0;

    position: relative;

    z-index: 2;

}

I want to change padding to 1.5rem

Normally I go to template/template_name/css/custom.css
I cant find a folder like this

I found one called /templates/template_name/custom/css-compiled/custom.css
I added my css here:

.g-container #g-header {



    padding: 1.5rem 0!important;

	

}

with and without the .g-container but nothing happens

According to the docuemtation there should be a /css folder where to create a "template-custom.css" file but not sure if thats out dated?
also..
Is there another way withint the "layout builder" to change a CSS like this or it has to be done manually?

Thanks for your time
Regards
morten