Design settings allows you to customize the branding of Advanced Sermons to match your current theme.

Choose a personalized accent color to match your church's branding.

Choose a custom page background color for sermon archive and single sermon templates.

Choose a custom background color for elements like the filter criteria box, series details, and bible passage. Default: #f8f8f8.

Hide

Master Switch to remove the Advanced Sermons title area from all ASP page layouts. Default unchecked.

Define style for title text

Text Color

Font Size (px)

Line Height (px)

Font Weight

Change the title text padding top and bottom px or %. Default 10px.

Color defined by accent color

Change the title image overlay opacity. The title overlay color is controlled by the accent color. Default 0.6.

Display accent color instead of title background image

Enable

Enable to disable the title background image and display the accent color instead. Default unchecked.

Set default title background image.

Show default background image instead of sermon images

Enable

Enable to display the default title background image on the single sermon page instead of the sermon image. Default unchecked.

Define style for archive sermon title text

Text Color

Font Size (px)

Line Height (px)

Font Weight

Define style for archive sermon details

Text Color

Link Color

Font Size (px)

Line Height (px)

Font Weight

Define style for sermon excerpt text

Text Color

Font Size (px)

Line Height (px)

Font Weight

Define style for sermon title text

Text Color

Font Size (px)

Line Height (px)

Font Weight

Define style for sermon details

Text Color

Link Color

Font Size (px)

Line Height (px)

Font Weight

Define style for sermon paragraph text

Text Color

Font Size (px)

Line Height (px)

Font Weight

Define style for media box holder text

Text Color

Define style for the filter dropdown displayed on the archive page

Text Color

Hover Color

Border Color

Hover Border Color

Border Width (px)

Define style for the pagination button text displayed on the archive page

Text Color

Hover Color

Font Size (px)

Line Height (px)

Font Weight

Padding Left/Right (px)

Define style for the pagination button color displayed on the archive page

Background Color

Hover Background Color

Border Color

Hover Border Color

Border Width (px)

Border Radius (px)

Change the aspect ratio for the sermon featured image. Does not apply to list view layout. Default 16:9.

Change the aspect ratio for the series featured image. Default 16:9.

Enter your custom frontend CSS here.

In case if you need to overwrite any CSS, you can add !important at the end of the CSS property. eg: color: #da2234!important;