Skip to main content

Colors

Color

#006899

Old Website Blue

Color

#043555

Darker Blue from MP3s

Color

#1F4B64

New Website Primary

Color

#1B2831

New Website Secondary

Color

#F0F0F0

Light Grey

Color

#000000

Black

Color

#FFFFFF

White

Calendar Colors

Untitled #f0f0f0
Fellowships #e76f51
Womans Ministry #9a80a0
Mens Ministry #709199
Worship Services #c2c2c2
Local Community #f4a261
Youth #fdcc8c
Young Adults #578787

Calendar Colors

Untitled #f0f0f0
Fellowships #e76f51
Womans Ministry #9a80a0
Mens Ministry #709199
Worship Services #c2c2c2
Local Community #f4a261
Youth #fdcc8c
Young Adults #578787

Color Background

Advanced Section / CSS

.el-section {background-color: #1F4B64;}

Set Text Light

Advanced Section / Class

uk-light

Set Text Dark

Advanced Section / Class

uk-dark

Embeded YouTube LIVE

<a href="#" onclick="window.open('https://www.sitelock.com/verify.php?site=akvcoc.com','SiteLock','width=600,height=600,left=160,top=170');" ><img class="img-fluid" alt="SiteLock" title="SiteLock" src="https://shield.sitelock.com/shield/akvcoc.com" /></a>

Scratch Pad

Old Blue
#006899
Old Darker Blue
#043555
Grey
#F0F0F0
Primary Blue
#1F4B64
Secondary Darker Blue
#1B2831

<a href="#" onclick="window.open('https://www.sitelock.com/verify.php?site=akvcoc.com','SiteLock','width=600,height=600,left=160,top=170');" ><img class="img-fluid" alt="SiteLock" title="SiteLock" src="https://shield.sitelock.com/shield/akvcoc.com" /></a>

Change Text to Light
Advanced Section / Class

uk-light

uk-dark

Change Section Background Color
Advanced Section / CSS

# Primary

.el-section {
background-color: #1F4B64;
}

Change To Top Icon Try use this code in
Yootheme > Settings > Custom code > Script

UIkit.icon.add('totop','{icon}');

A collection of useful utility classes.

https://getuikit.com/docs/utility

https://visme.co/blog/logo-color-schemes/