Title: CSS shortcode sermons
Last modified: July 22, 2023

---

# CSS shortcode sermons

 *  Resolved [dbcjs](https://wordpress.org/support/users/dbcjs/)
 * (@dbcjs)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/css-shortcode-sermons/)
 * I ‘ve made changes to the sermon appearance using CSS which has worked well on
   the ‘sermons’ page but these haven’t changed any sermons set onto pages using
   shortcode.
 * How do I reference these class? the “.wpfc-sermon-footer” for example. (I realise
   this as a CSS query really but hoped someone could give a quick hand)
 * thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-shortcode-sermons%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Mike Matenkosky](https://wordpress.org/support/users/hikinmike/)
 * (@hikinmike)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/css-shortcode-sermons/#post-16914975)
 * Sorry, but I don’t understand your question.
 *  Thread Starter [dbcjs](https://wordpress.org/support/users/dbcjs/)
 * (@dbcjs)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/css-shortcode-sermons/#post-16915057)
 * I’ve made changes using CSS such as .wpfc-sermon-audio{margin-top:10px} which
   have changed the layout of sermons on the default generated sermons page but 
   this hasn’t changed those sermons where shortcode is used to place them on a 
   page (such as the link above)
 * I want to make similar changes to those areas but couldn’t define the css correctly
   to reference those within shortcode container.
 * Hopefully this makes sense and you can help define the above css as an example?
 * thanks for persevering!
 *  [Mike Matenkosky](https://wordpress.org/support/users/hikinmike/)
 * (@hikinmike)
 * [2 years, 10 months ago](https://wordpress.org/support/topic/css-shortcode-sermons/#post-16915074)
 * Thanks, that helps. Sometimes you may need to be more specific using selectors.
   In your case, if you use `.wpfc-sermon-main .wpfc-sermon-audio` instead of just`.
   wpfc-sermon-audio` that should isolate it.

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

The topic ‘CSS shortcode sermons’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/sermon-manager-for-wordpress_688896.
   svg)
 * [Sermon Manager](https://wordpress.org/plugins/sermon-manager-for-wordpress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/sermon-manager-for-wordpress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/sermon-manager-for-wordpress/)
 * [Active Topics](https://wordpress.org/support/plugin/sermon-manager-for-wordpress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/sermon-manager-for-wordpress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/sermon-manager-for-wordpress/reviews/)

 * 3 replies
 * 2 participants
 * Last reply from: [Mike Matenkosky](https://wordpress.org/support/users/hikinmike/)
 * Last activity: [2 years, 10 months ago](https://wordpress.org/support/topic/css-shortcode-sermons/#post-16915074)
 * Status: resolved