I just got the "touchfolio" theme.
Theme CSS file is generated automatically by wp-less plugin (shipped with Touchfolio). Main less css file is style-touchfolio-default.less. It's located in root folder of theme (wp-content/themes/touchfolio/). CSS is compiled (and cached) automatically by server when changes happen in main less file, or when WP_DEBUG is enabled.
General styles, like font colors, font sizes, margins, logo position can be changed in main less file (you don't need to edit anything else).
To edit theme styles and remain theme updatable you need:
Make a copy and rename style-touchfolio-default.less file.
Go to Touchfolio options page and in general settings enter name of your file in "Skin File" input field. View screenshot.
If you don't want to use WP-LESS CSS for some reason, you need to copy compiled CSS from live website and paste it in style.css. Then go to functions.php and change USE_LESS_CSS variable to false - define( 'USE_LESS_CSS', false );.
This page is under development and will be updated soon with more detailed description.
So I want to be able to change fonts, layout etc, but I have NO idea what this guy means.
However, in the original folder that you download that contains all the codes etc for the theme, ready to upload to wordpress, there is that said file "style-touchfolio-default.less", but it does not show up in the theme editor.
Please help me as I love this theme and it is perfect, but I'd love to be able to have this customisation!!!
Thank you all and your amazing brains :)