OceanWP Child is the WordPress theme that should always be active. It is a customized version of it’s parent, the OceanWP WordPress theme and is solely dependent upon it being installed, but not active in WordPress.
Theme Updates
From time-to-time you will see that there will be an update for OceanWP. You never see updates for the customized version, because well it’s customized.
It’s very important to keep the OceanWP parent theme updated when new updates are available, however, remember to always make a backup of your database and server files before performing updates.
OceanWP Child: Stylesheet Backup (style.css)
For Developer Use ONLY
/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP Child is the KAB site theme that should always be active. This custom theme is a child of the OceanWP WordPress theme and is dependent upon the OceanWP parent theme to be installed, but not active in WordPress. It's important to keep the OceanWP parent theme updated when new updates are available, however, remember to always make a backup of your database and server files before performing updates.
Author: hfa
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/
/* Parent stylesheet should be loaded from functions.php not using @import */
/***********************
* Contact Page Styles *
***********************/
/* Hide recaptcha badge as it interferes
* with other elements on the page. */
.grecaptcha-badge {
display: none !important;
}
/*****************
* weDocs Styles *
*****************/
body.docs-template-default {
font-size: 16px !important;
}
/* Center weDocs Content Block */
.wedocs-single-wrap {
max-width: 1000px;
margin: auto;
padding-top: 4rem;
}
.wedocs-sidebar .widget-title {
padding-left: 15px !important;
padding-bottom: 7px !important;
}
.post-password-form input {
margin-bottom: 2rem;
}
.wp-embed-responsive .wp-block-embed.wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top:2%;
}
/***************************
* Elementor Widget Styles *
***************************/
/* Slides Element */
#home_slilder .slick-slide-inner {
max-width: 1200px;
left: auto;
right: auto;
}
#home_slilder .elementor-background-overlay {
left: -1000px;
width: 4800px
}
/**************************************
* WP Forms Styles - CC Newsletter Optin
**************************************/
/* Footer email field */
#wpforms-form-1636 [type="email"] {
background-color: rgba(255,255,255,0.55);
border-width: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
font-size: 16px;
min-height: 40px;
padding: 5px 14px;
}
#wpforms-form-1636 input::placeholder {
color: #687B84;
}
#wpforms-form-1636 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#wpforms-form-1636 .wpforms-field-container {
width: 80%;
}
#wpforms-form-1636 button[type=submit] {
background-color: #008fe8;
border-radius: 0px 0px 0px 0px;
min-height: 40px;
font-size: 15px;
padding: 12px 26px;
}
#wpforms-form-1636 button:before {
content:"\f1d8";
font-family: 'FontAwesome';
}
#wpforms-form-1636 button[type=submit]:hover {
color: yellow;
border: none;
}
#wpforms-form-1636 button[type=submit]:focus {
outline: hidden;
}
#wpforms-form-1636 label.wpforms-error {
font-weight: 700;
}
/**************************************
* WP Forms Styles - Volunteer Form
**************************************/
/* volunteer-program-titles */
#wpforms-form-1635 .volunteer-program-title--purple > label,
#wpforms-form-1635 .volunteer-program-title--orange > label,
#wpforms-form-1635 .volunteer-program-title--cyan > label {
color: #fff;
padding: 20px 10px;
font-size: 1.5em;
margin-bottom: 1em;
}
/* purple bg */
#wpforms-form-1635 .volunteer-program-title--purple label:first-child {
background-color: #b48cc0;
}
/* orange bg */
#wpforms-form-1635 .volunteer-program-title--orange label:first-child {
background-color: #f47b20;
}
/* cyan bg */
#wpforms-form-1635 .volunteer-program-title--cyan label:first-child {
background-color: #4daee2;
}
/* checkbox */
#wpforms-form-1635 li {
display: flex;
}
#wpforms-form-1635 input[type=checkbox],
#wpforms-form-1635 input[type=radio] {
position: relative;
top: 4px;
}
#wpforms-form-1635 .recommend-title {
margin-top: 2rem;
font-size: 23px;
color: #555555;
}
/***********************
* QGiv Custom Styles *
***********************/
.qgiv-form {
color: #555555;
}
.heading-alpha,
.form-section-title,
.container-title {
color: #555555;
font-weight: 600;
font-style: normal;
font-size: 23px;
}
.ui-option .option-small-label {
text-shadow: none;
}
.ui-button,
.ui-option,
.option-label,
.has-description .donation-amount-item {
border-radius: 0px;
}
.highlight-alt .ui-option.is-active .option-label {
background-color: #f47b20;
color: #ffffff !important;
}
.highlight-alt .ui-option.is-active label.option-label[for="option-845411-2"] {
background-color: #b48cc0;
color: #ffffff !important;
}
label[for="option-845411-2"] {
background-color: #e4e8ea !important;
}
.option-label:hover {
color: rgba(123,106,92,0.5) !important;
}
.has-description .donation-amount-item {
background-color: rgba(244,123,32,0.25) !important;
}
/*
.is-light-theme .ui-option.ui-option-inline.is-active .option-label,
label.option-label,
.ui-option.ui-option-inline.is-active .option-label {
color: #ffffff !important;
}
*/
.is-light-theme .donation-amount-description-item.is-active .donation-amount-button {
background-color: #f45a00;
border-color: #f45a00;
}
.is-light-theme .donation-amount-description-item.is-active {
border-color: #f45a00;
}
/*
ul.pledges .option-label {
background-color: rgba(180,140,192,0.5) !important;
}
*/
/*
ul.pledges .option-label:hover {
background-color: rgba(180,140,192,0.5) !important;
}
*/
/*
.pledge-option .is-active {
background-color: #b48cc0 !important;
border-color: #b48cc0 !important;
border-size: 4px !important;
}
*/
.pledge-option .label.option-label, .pledge-option .ui-option.ui-option-inline.is-active .option-label {
color: #555555 !important;
}
.ui-option-list .input-list .pledges label.option-label {
color: #555555 !important;
}
.ui-option {
margin-bottom: 0.5em !important;
}
.pledge-option span.option-description {
color: #555555 !important;
}
.pledge-option .highlight-green,
.pledge-option .highlight-blue {
color: #555555 !important;
}
.qgiv-form input[type="radio"] {
display: none;
}
.ui-option.vertical-align-middle.pledge-option.is-active {
border: 2px solid;
border-color: #b48cc0;
/*background: rgba(180,140,192,0.5);*/
background-color: transparent;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.donation-frequency-label .option-label {
color: rgba(85,85,85,1) !important;
background: rgba(85,85,85,0.5) !important;
}
.ui-option.ui-option-inline.is-active .option-label {
color: #ffffff !important;
}
.pledge-option .option-label {
background-color: rgba(180,140,192,0.5) !important;
}
.pledge-option.is-active,
.pledge-option.is-active span.option-description {
color: #ffffff !important;
}
.footer-logo {
display: none;
}
.pledge-option .option-label {
padding: 1em !important;
}
.option-description {
display: table;
}
.option-description .option-title,
.option-description .description {
display: table-cell;
vertical-align: middle;
}
.option-description .option-title {
padding: 0.75em;
background-color: #b48cc0;
}
.option-description .description {
padding-left: 1em;
}
