I'm trying to remove the "written by" (pre-text in the author meta) using CSS and have found a basic solution , but not one that actually achieves my end goal

This code technically removes the words "written by" I need to close the space up between the bullet and the author name/link. 

.blog-meta-item.blog-meta-item--author.p-author.author {
    visibility: hidden;
}
a.blog-author-name {
    visibility: visible;
}

FYI: Site is under construction, but should NOT need access to it. This is a basic functionality question.