How to display sermons in two columns

  • Resolved kellyfritz

    (@kellyfritz)


    5 years, 9 months ago

    I am trying to get this page to display in columns. I don’t know how to edit the template or the CSS. Any ideas?

    Maybe I am asking how to make the plugin files children of my theme template that uses two columns such as displaying on this page I created: https://covenantofgracechurch.org/audio-sermons

    Does this make any sense? I know I am dealing more with theme template files than the sermon manager plugin but I should be able to edit this more easily in the sermon manager settings, I would think.

    The page I need help with: [log in to see the link]

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

  • Add this to your child theme’s CSS:

    /**
* Two Columns for Sermon Manager
************************************************/
#wpfc-sermons-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; 
}

.wpfc-sermon-shortcode {
  width: 49%;
}

    I just re-read this and realized you are trying to have your /sermons/ archive look like your /audio-sermon/ page. In your Sermon Manager settings click “Advanced” and click “Theme Compatibility”. That should put your sidebar back to the right side.

    Thread Starter kellyfritz

    (@kellyfritz)

    Thank you so much for your help! I hate when I miss something that is obvious! I actually remember this setting, “Theme Compatibility”, now that you mention it.

    Because I had moved the archive-wpfc_sermon.php and single-wpfc_sermon.php and their css files into the theme directory, that override was not working. I deleted the files and the override worked and my sidebar is back!

    Thanks again for your time on this and the extra set of eyes!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to display sermons in two columns’ is closed to new replies.