Large White Blocks – Text Unreadable

Still haven’t found what’s causing the large white blocks there, but I did manage to fake out the text so it can be read now at least.

Hiya,

Thanks for the report. ??

The theme that you are using has text set to white color, which doesn’t go well with Sermon Manager’s white background.

You could either use this CSS to disable white background:

.wpfc-sermon > .wpfc-sermon-inner {
  background: initial;
}

Or this one to have black text:

.wpfc-sermon, .wpfc-sermon-title {
  color: black;
}

// and for better accessibility:
.wpfc-sermon-meta-text a {
  color: #146889;
}

Also, are you on latest Sermon Manager? 2.12.5? If you are, then you could add the following CSS as well, which would make sermons not be “glued” to each other:

article.wpfc-sermon {
  margin-bottom: 1.5rem;
}

Note: Add those CSS snippets in Appearance -> Edit CSS (or Custom CSS), or in Appearance -> Customize, “Additional CSS”. Or in Appearance -> Edit, and then at the bottom of style.css.

That worked on the page I linked to, however.. I don’t use that, I use a page that uses a shortcode vs that “automatic” page generated by the software.

I put the wrong URL in there. Here’s where I actually use it.

https://www.rowlettanglicans.org/media/sermons/

I can’t figure out where those white backgrounds are coming from. Sorry for the mistake URL there.

Hi Joe,

The background is coming from Sermon Manager’s CSS file.

The CSS rules that we have sent in previous file will work on that page as well (we’ve tested it), you probably just need to clear browser cache (Ctrl+F5 usually). ??