Child Theme Needed?

Unite Theme
1

Hi-

I have been afraid to update my Unite Theme as I do not know if it will erase any customization we have done. I currently have 1.6.1 installed. and I know I need to update to 2.0.2. We have added custom CSS the Custom CSS box found under Appearance → Customize → Unite Options → Other which then brings up the Custom CSS box. We have added the below code found at the end of this message.

Is it safe to update my Unite theme and simply copy the code back in the the custom CSS box once I update the theme. Or is there a way to determine if I will lose other customized information?

Thanks,
Candice

.woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt {
background: #6D9DCD;
color: #fff;
border-color: #6D9DCD;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background: #eb657d;
color: #fff;
border-color: #eb657d;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
background-color: #6D9DCD;
background-image: none;
border: 0 none;
border-radius: 3px;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-family: inherit;
font-size: 100%;
font-weight: 700;
left: auto;
line-height: 1;
margin: 0;
overflow: visible;
padding: 0.618em 1em;
position: relative;
text-decoration: none;
text-shadow: none;
white-space: nowrap;
}

.woocommerce .cart .button:hover,
a.button.wc-forward:hover {
background: #eb657d;
border-color: #eb657d;
color: #fff;
}

.woocommerce .checkout .button:hover,
a.button.wc-forward:hover {
background: #eb657d;
border-color: #eb657d;
color: #fff;
}
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #eb657d;
font-size: 1.25em;
}

.woocommerce ul.products li.product .price {
color: #eb657d;
font-size: 0.857em;
font-weight: 400;
}

.woocommerce #secondary {
display: none;
}

.woocommerce #primary {
width: 100%;
}

.woocommerce-breadcrumb {
display: none;
}

hr.section-divider:after {
background: url(‘https://candicemcfield.com/wp-content/uploads/2016/02/favicon.jpg’) no-repeat;
font-size: 0;
width: 16px;
height: 16px;
top: -10px;
}

.woocommerce .woocommerce-message {
border-top-color: #6D9DCD;
}

body.single-product div.product div.images img.attachment-shop_single.size-shop_single.wp-post-image {
width: 350px;
height: 350px;
}

.navbar-default .navbar-nav li.menu-item-117 a {
color: #f16378;
}
.navbar-default .navbar-nav li.menu-item-117 a:hover {
color: #fff;
}

#menu-footer li#menu-item-138 a {
color: #f16378;
}

#menu-footer li#menu-item-138 a:hover {
color: #a5d5f8;
}

2

Hey there,
I hope you’re doing well today

  1. I’d advise you to make a full back up of your website as it is before making any updates.
  2. It’s best practice to use a child theme when making any sort of customizations to your website.
    You can use this plugin to create a child theme: Child Theme Configurator – WordPress plugin | WordPress.org
    3 Create the child theme, copy your changes then update the theme.

Please note that they may have been changes in the update including code, which may or may not affect the customizations you’ve made.

Best Regards,
Support