Title: CSS Display: none help
Last modified: January 26, 2022

---

# CSS Display: none help

 *  [ashkaanak](https://wordpress.org/support/users/ashkaanak/)
 * (@ashkaanak)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/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>
       ```
   

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Sagar Ladani](https://wordpress.org/support/users/sagarladani/)
 * (@sagarladani)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/css-display-none-help/#post-15293135)
 * Hello [@ashkaanak](https://wordpress.org/support/users/ashkaanak/),
 * Can you please provide your project link/demo link?
 * Thanks
 *  [klynam](https://wordpress.org/support/users/klynam/)
 * (@klynam)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/css-display-none-help/#post-15293617)
 * Why not callout each specific attribute like this…
 * `.attribute-1, attribute-2, attribute-3 {visibility: hidden !important;}`
 * In my experience, using visibility:hidden seems to preserve layouts better than
   display:none
    ???
    -  This reply was modified 4 years, 4 months ago by [klynam](https://wordpress.org/support/users/klynam/).

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘CSS Display: none help’ is closed to new replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [display](https://wordpress.org/support/topic-tag/display/)
 * [hide](https://wordpress.org/support/topic-tag/hide/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2 replies
 * 3 participants
 * Last reply from: [klynam](https://wordpress.org/support/users/klynam/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/css-display-none-help/#post-15293617)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics