Change W3css properties

[gordonisnz]

Hello. I'm using W3css on my site. - https://www.w3schools.com/w3css/default.asp  

I have copied this line, and changed the wording, saved it to a new CSS file containing only this line- so far.

.w3-NEW-container,.w3-panel{padding:5px 16px}.w3-nzscr-panel{margin-top:10px;margin-bottom:10px}

ive included  referenced this new CCS file in my HEAD and changed my html output to use the new class. Ive refreshed the page multiple tmes, but nothing happens.

The ORIGINAL line in the existing CSS file is here:

w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}

ive changed the 0.01em to 5px (or 10Pc, or 1 PX - and I've reduced the 16px to 8px.  but nothing happens when i use the new container.. 

WHAT I WANT:-

I'm wanting to reduce the white-space at the top/bottom of the containers. 

can someone advise which CSS things i need to change.. is something else also affecting the white-space ? 

ALSO, Can i reduce the size of the text / wording - i'm looking, but cant see (yet) which affects the size. (I know bout H1 / H2 etc. but i want to reduce the size of "normal" text - w3css makes the text a bit bigger than I'll want.

 

EDIT: ive worked out the text size - font is covered by different tags, So I'll have to modify each tag separately.  still looking for the Padding at the top/bottom of CONTAINERs 

Edited August 28, 2022 by gordonisnz