Title: Help adding post excerpt shortcode inside CSS code
Last modified: August 31, 2016

---

# Help adding post excerpt shortcode inside CSS code

 *  Resolved [Richard Coleman](https://wordpress.org/support/users/richard-coleman/)
 * (@richard-coleman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/)
 * I’d like to learn how to include shortcode to display post excerpts with Read
   More inside CSS code.
 * If I add the shortcode now, it distorts the CSS and does not appear correctly.
   
   The post excerpts would ideally appear inside a coloured bubble/image being the
   textbtn
 * Below is the code I currently have – created by someone else:
 * </h4>
    [display-posts include_excerpt=”true”]
 * Much appreciated.

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

 *  [Christi Nickerson](https://wordpress.org/support/users/christini/)
 * (@christini)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/#post-6949787)
 * Hi Richard,
 * [Shortcodes](https://codex.wordpress.org/Shortcode) are used within your editor
   or your theme’s template files, not CSS.
 * The styling of the excerpts would be done with CSS. You can use a [Custom CSS plugin](https://wordpress.org/plugins/search.php?q=custom+css)
   or a [Child Theme](http://codex.wordpress.org/Child_Themes) to prevent overwriting
   your custom styles with future updates.
 * To get an idea of what part of your code you want to style, inspect your code
   with something like Firebug or Chrome Developer Tools. Here’s some more info 
   on finding your CSS and using Firebug (my personal favorite):
 * [https://codex.wordpress.org/Finding_Your_CSS_Styles](https://codex.wordpress.org/Finding_Your_CSS_Styles)
 * [https://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037](https://www.tipsandtricks-hq.com/how-to-use-firebug-to-modify-your-wordpress-sites-css-video-tutorial-4037)
 * Hope this helps!
 *  Thread Starter [Richard Coleman](https://wordpress.org/support/users/richard-coleman/)
 * (@richard-coleman)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/#post-6949815)
 * HI Christi,
 * Thanks for the info. Makes sense.
 * We’ve now got it all sorted out thankfully.
 * I’ll keep these references for next time.
 * Much appreciated 🙂
 *  [Christi Nickerson](https://wordpress.org/support/users/christini/)
 * (@christini)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/#post-6949825)
 * Glad I could help! Please mark this thread as resolved. Thanks!
 *  Thread Starter [Richard Coleman](https://wordpress.org/support/users/richard-coleman/)
 * (@richard-coleman)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/#post-6949828)
 * Will do, thanks.

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

The topic ‘Help adding post excerpt shortcode inside CSS code’ is closed to new 
replies.

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [post excerpts](https://wordpress.org/support/topic-tag/post-excerpts/)
 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [Richard Coleman](https://wordpress.org/support/users/richard-coleman/)
 * Last activity: [10 years, 4 months ago](https://wordpress.org/support/topic/help-adding-post-excerpt-shortcode-inside-css-code/#post-6949828)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics