I am using a template to easily/quickly add structure, but wanting to overhaul its appearance through CSS. Yesterday, I started using the auto-generated id numbers for the different tags, which worked fine and made it simple to target what I wanted. Today, as I edit a page and save the CSS, the id numbers are automatically changing themselves, which of course breaks the CSS I just wrote.
Should I be not be using ids for CSS, in templates? Is there anyway to create my own ids/classes, and assign them to sections of the template? Do I have to bite the bullet and begin trying to learn and use the developer template to attain this level of visual control?
I am new to web development, and know just enough to be dangerous. I'm sure there must be a more elegant way to modify and control the CSS/HTML of a template, and any sharing of best practices to accomplish this with the Squarespace platform are appreciated.