Vamtam Beaver Themes: How to add custom CSS / PHP code or modify the theme code
Modified on: Fri, 29 Sep, 2017 at 7:04 PM
This guide is for WordPress developers. If you are not comfortable with CSS / HTML / PHP we wouldn't recommend to mess around with code.
If you want to introduce a change that is not possible by using the theme option panel, you have 3 ways to modify the theme code:
Please note that the screenshots are for explanatory purposes. Content look may change.
1) Using the Custom CSS area in Customize > Additional CSS
This is the preferred way if you only need to make a few small changes:
2) Creating a child theme
This is recommended if you want to build your CSS on top of ours, but don't want to use the Custom CSS Area in the theme options.
You can find sample child theme here: http://vamtam.com/child-themes/
The official WordPress documentation explains this topic really well: http://codex.wordpress.org/Child_Themes
3) Modifying the *.less files in wpv_theme/assets/css
This method is the hardest to use and it will complicate future updates. If you need to make substantial changes to the CSS, you can edit these files. Once you've made the required changes, you have to click "Save Changes" in the theme options in order to compile the LESS code to CSS. See the LESSPHP documentation for details about the LESS compiler we use: http://leafo.net/lessphp/docs/
Please note that you should always have a copy of your custom codes as sometimes you may mistakenly reset theme options to default and lose all your custom css.
Did you find it helpful?
Sorry we couldn't be helpful. Help us improve this article with your feedback.