Hi there!
Thanks for your query. Where did you put the code?
You can turn it off simply from the blog details of your Template Options. Here is a screenshot:
https://prnt.sc/1x6h0wr
Or, if you want to use custom CSS then please use !important after it to override the original code. Here is the right code you need to put in your custom CSS:
.article-ratings-social-share {
display: none!important;
}
Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards