Hi,
I’m wondering if the theme is based on Less. I’d like to build a custom css only with the component I use. The main css file is about 1mb size, when I use only a small part of it. For example, I don’t need all the headers style and I use only a few block.
Is there a way to compile only the elements that I need?
Hi,
You could use a child theme for theme customization – https://forum.tagdiv.com/the-child-theme-support-tutorial/ and make your customization there according to the documentation.
Or use the theme custom code fields in theme panel – https://www.screencast.com/t/fimL43xt
Thanks
Hi Simion,
I already use child theme but it (obviously) depends on the main theme.
The point is that I dont need all the 1024kbps of declarations that are present in the main css theme, so I’m wondering if through less I could compile the main theme only with the components that I need.
Hi,
This is where you can find the less files the theme uses – https://www.screencast.com/t/qJcy5LHfesdz
I suggest you make a backup before you start making any modifications, as a precaution in case something goes wrong with these changes.
Thanks
Hi Simion,
sorry for the late reply.
How do I compile the less files?
What I do here is “remove” the sections of the style.css I’m not using, like buddypress, woocommerce, etc.
Hi,
You can try the tool provided in this topic to compile your files
– https://forum.tagdiv.com/topic/tool-to-compile-css/
Thanks
