Edited Child Theme Rolling Back

Hi, I’m very new to wordpress – sorry if I’m doubling up on an old post but I can’t quite seem to find the answers I’m looking for.

I’m working with Cherry theme and a child theme that I bought. I realise that seems silly with so many great free themes out there but I liked a few things in it and was interested to see how they worked…. but now it’s left me with some new questions!

The child theme has two css files – main-style.css and style.css.

I’ve edited the main-style.css file to adjust the general styling of the site and have also added one or two new things in the style.css where there was a note to add any new things.

Now I’ve noticed that the site (set up locally for now), rolls back to the original child theme template’s css every now and again. From what I’ve read I think I understand that’s why you shouldn’t edit a parent theme’s css but I’m wondering what I’m doing wrong with the child theme? Should I not be doing this? Or is there something I should take out of the main-style.css file (there is some info in the header I’m wondering about taking out but I’m not game – I’ve copied it in below if it helps)?

@import url(“../CherryFramework/style.css”);

I’m also wondering if I would be better off to take the files out of the child theme I bought and have edited and create my own new child theme with the adapted css file?

Any thoughts or directions to another thread would be greatly appreciated 🙂