Where do you define your own custom css is there a assigned css file or you can create something like mystyles.css?
You could put it in site/globals/site.overrides
For beginners I agree it can be confusing to do it right:http://learnsemantic.com/developing/customizing.html
Generally you should make the change at the component level. See if this doesn't help: