Starting with WordPress 4.7 custom styles can be now added from Appearance Customize Screen.

Keep in mind that the CSS changes are tied in with your theme. This means that if you change to a new theme, your custom CSS styles will no longer be active. If you change back to your previous theme, they will once again be there.

To find CSS classes or ID’s to style use browser inspect tools. This is a basic Google Chrome tutorial however, all other browsers have very similar workflow, so this can serve as a good starting point: How to inspect a page.

The custom CSS we used in demo live preview:

/* Social Comments */
#social_comments_control ul li img {display:none;}
/* Demo specific styles */
.single.postid-291 .pre-content {background-position:center 30%;}
#site-navigation ul li.megamenu .menu-callout {margin-top:35px;}
#site-navigation ul li.megamenu .menu-callout a {margin:0 15px; color:#ffda23; background:#1b1b1b; border-radius:30px; text-align:center;}
.single-post #site-navigation ul li.megamenu .menu-callout a {background:#1b1b1b;}
#site-navigation ul li.megamenu .menu-callout a:hover {color:#ffda23;}