Child Theme

Child Theme

A child theme is designed to allow you to makes changes to the CSS and Functions without affecting the core files, making it easy to modify and still upgrade easily.

Upload the ePix-Child folder to the same directory as the ePix folder i.e.

http://yourdomain.com/wp-content/themes/ePix

http://yourdomain.com/wp-content/themes/ePix-Child

Once uploaded, goto your WP Admin → Appearance → Themes and activate the ePix Child theme.

From here you can modify the ePix-Child/style.css via FTP or via WP Admin → Appearance → Editor.

For example, If you wish to change overall font size of the Theme the following CSS would be added to the ePix-Child/style.css file.

body {
font-size: 0.85;
}

It’s recommend that you have a copy of the core ePix/style.css to view when wanting to change attributes. Whatever is defined in the ePix/style.css needs to be re-defined the same way in the ePix-Child/style.css file.

e.g. The following is for the header logo description position, found in the core ePix/style.css.

#header-logo .description {    position:absolute;margin-top:33px;}

To modify the margin-top value you would add the following in the ePix-Child/style.css

#header-logo .description {    margin-top:40px;}

If the change does not apply, the !important rule maybe needed. e.g.

#header-logo .description {    margin-top:40px !important;}

Custom Style Sheet

As an alternative to using adding CSS to the Child theme, you can use the Custom CSS field located at Appearance → Theme Options → Customize → Custom CSS Field.

By adding your CSS into the Custom CSS field, it will carry over when updating ePix.