Title: keeping it simple with CSS magic
Last modified: March 13, 2017

---

# keeping it simple with CSS magic

 *  [paulovsky](https://wordpress.org/support/users/paulovsky/)
 * (@paulovsky)
 * [9 years, 5 months ago](https://wordpress.org/support/topic/keeping-it-simple-5/)
 * To keep things simple and avoid mistakes, I added this CSS to my child theme:
 *     ```
       /*show more/show less icons*/
       div.show_more p.wpsm-show{color: #0397d6 !important;}
       div.show_more p.wpsm-hide{color: #0397d6 !important;}
       div.show_more p.wpsm-show:before {font-family: FontAwesome; content:'\f0d7';}
       div.show_more p.wpsm-hide:before {font-family: FontAwesome; content:'\f0d8';}
       ```
   
 * I added a custom FontAwesome icon to each state and also changed the default 
   color. This way my editors can use the shortcode with minimum coding, as colors
   and icons are managed by CSS, as you can see with the usage example below:
 * `Visible content[show_more more="show more" less="show less"]Hidden content[/
   show_more]`
    -  This topic was modified 9 years, 5 months ago by [paulovsky](https://wordpress.org/support/users/paulovsky/).

The topic ‘keeping it simple with CSS magic’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wp-show-more_c9d7e4.svg)
 * [WP show more](https://wordpress.org/plugins/wp-show-more/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wp-show-more/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wp-show-more/)
 * [Active Topics](https://wordpress.org/support/plugin/wp-show-more/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wp-show-more/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wp-show-more/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [FontAwesome](https://wordpress.org/support/topic-tag/fontawesome/)
 * [show more](https://wordpress.org/support/topic-tag/show-more/)

 * 0 replies
 * 1 participant
 * Last reply from: [paulovsky](https://wordpress.org/support/users/paulovsky/)
 * Last activity: [9 years, 5 months ago](https://wordpress.org/support/topic/keeping-it-simple-5/)
 * Status: not a support question