Where / How to edit styles ( CSS ) ?

Main Theme’s – style.css	Options Panel’s Custom CSS Tab	Child Theme’s style.css	Child Theme’s custom.css Location: child theme folder / css / custom.css (if available with theme)
X	Ok	Ok	Ok
DO NOT edit style.css of main theme itself. This will create issue while theme update.	If you have minor style changes you may use this. Keep back up of those styles, in case of accidental reset.	You can place custom styles in style.css of child theme It cannot override styles from responsive.css, options panel etc.	This is useful if you need to override styles from responsive.css, options panel or any other css including style.css of main theme.

Main Theme’s – style.css

Options Panel’s
Custom CSS Tab

Child Theme’s
style.css

Child Theme’s custom.css
Location: child theme folder / css / custom.css
(if available with theme)

DO NOT edit style.css of main theme itself.
This will create issue while theme update.

If you have minor style changes you may use this.

Keep back up of those styles, in case of accidental reset.

You can place custom styles in style.css of child theme

It cannot override styles from responsive.css, options panel etc.

This is useful if you need to override styles from responsive.css, options panel or any other css including style.css of main theme.