CSS Display: none help

Hey guys, I’ve been making some sites, but I am new to coding.

My website theme has its own info on the top of each post, aka blank meta data such as Date, Author, Category and Comments

I’ve found the responsible stylesheet, but any changes in it is shifting the page layout.

Can anyone help me edit the CSS code so that these attributes are hidden? Thanks ??

<div class="stm_post_info">
	<div class="stm_post_details clearfix">
		<ul class="clearfix">
			<li class="post_date">
				<i class="fa fa fa-clock-o"></i>
				<?php echo get_the_date(); ?>
			</li>
			<li class="post_by"><?php esc_html_e( 'Posted by:', 'consulting' ); ?>
				<span><?php the_author(); ?></span>
			</li>
			<li class="post_cat"><?php esc_html_e( 'Category:', 'consulting' ); ?>
				<span><?php echo implode( ', ', wp_get_post_categories( get_the_ID(), array( 'fields' => 'names' ) ) ) ?></span>
			</li>
		</ul>
		<div class="comments_num">
			<a href="<?php comments_link(); ?>"><i class="fa fa-comment-o"></i><?php comments_number(); ?> </a>
		</div>
	</div>
	<?php if ( has_post_thumbnail() ) { ?>
		<div class="post_thumbnail">
			<?php the_post_thumbnail( 'consulting-image-1110x550-croped' ); ?>
		</div>
	<?php } ?>
</div>