.wpfc-sermon-footer

Need a link to the page you need help and what CSS you used.

gslc.cc

Specifically what CSS did you use? Meaning, what are you trying to change?

I had to use !important when placing the CSS in my theme “options” which has the highest hierarchy. I’m assuming there is some CSS specificity that I’m unaware of. Changing the CSS in the SCSS file for Sermon Manager did not produce a change.

  .wpfc-sermon-footer{
    margin-top: 8px !important;
    padding-top: 6px !important;
    border-top: 1px solid #ddd;
}

.wpfc-sermon-main{
  padding: 11px !important;
  padding-bottom: 4px !important;
}

.wpfc-sermon-meta-series{
  margin: -10px 0 8px 0 !important;
}

.wpfc-sermon-meta-date{
  margin: 8px 0 0 !important;
  font-weight: 600 !important;
  color: #b10000;
}

.wpfc-sermon-audio{
  margin-top: -25px !important;
}

I just added this to our testing site and using ‘TwentyNineteen’ and it worked.

.wpfc-sermon-footer{
  margin-top: 8px !important;
  padding-top: 6px !important;
  border-top: 1px solid #ddd;
}

Yeah, it works if I use !important. It doesn’t work if I don’t use !important

I’m a bit confused (it happens a lot), it looks like it is working on your site. Are you just wondering why you had to add the !important in your Custom CSS section?

I’ve read that using !important is not good practice due to specificity. It works, but I was just wondering why the plugin doesn’t seem to change CSS properties unless I use !important

Not sure why as I just added this to our test site and it worked fine w/o the !important.

 .wpfc-sermon-footer{
    margin-top: 80px;
    padding-top: 60px;
    border-top: 12px solid #ddd;
}

That’s really strange.

Maybe something with Elementor? I’ve never used it, so I can’t test it.