CSS shortcode sermons

  • Resolved dbcjs

    (@dbcjs)


    1 year, 8 months ago

    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 to see the link]

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

  • Sorry, but I don’t understand your question.

    Thread Starter dbcjs

    (@dbcjs)

    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!

    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.