Hey there, I'd like to create content on the site that matches in style to Aurum. Where are the styles defined? Since I see bootstrap installed, I'm assuming that Aurum extends bootstrap. What files contain the CSS? Is there a best practice of reusing the styles that you guys created?
We don't recommend editing the CSS files of the theme, as they are minified due to a compression process we do with the themes, so if you're trying to edit the theme you should do it through Custom CSS by overwriting the classes and style of the theme.
I'd like an unminified version then because I do minifcation myself. My stack is pretty complex with Varnish behind Cloudflare and MaxCDN and I want my core and theme to be something that I can work on. I really liked the theme, but I need to be able to work on it myself, otherwise what's the point? lol.
My problem with overriding the theme in Custom CSS is that you are using bootstrap, and you're overriding that, and then I'm overriding your theme... it's a mess at that point. I don't wanna be overriding a combination of your css and bootstrap.
In order to move forward I need to know a couple of things:
* Did you guys change anything in bootstrap? (as in, if I want to move to Bootstrap 4, are there going to be a lot of changes I have to make?)
* Where do the theme CSS files live?
* If all CSS is minified and combined, how do we get a version that has them separated?
There is no problem, I can give you all the source files of Aurum however our clientele (and most of WP themes) is not of "advanced level" to use these files, instead they apply their changes over Boostrap and Aurum files, thats why we don't include them. Updates may break your functionality, unless you don't use Child Theme. Aurum is continuously in development and files may change.
I would not suggest you to edit these files unless you don't want to update the theme in the future. This means you will create your fork at this stage and continue to build yours. We do not give responsibility for changed behavior, updated libraries or any other thing thats inside original theme files.
Current development flow of the theme is stable and uses Bootstrap 3, however we are not planning to move to BS4 in the near future.
We have modified some parts of Bootstrap and also variables in variables.less, then aurum.css adds theme styling on top of bootstrap.
Your modifications can add styling/functionality on top of Aurum and here goes the flow with Child themes.
Thank you for your reply. That sounds great! Would you ever consider reverting back to a pure version of bootstrap and moving those changes out to aurum.css or similar implementation? Also, are your changes to bootstrap significant?
Actually, Bootstrap (current version in Aurum) was simply moved in our theme and not altered except variables.less and nothing else. There is CSS in aurum.css that overwrites parts of Boostrap (example a popup, dropdown or similar) but the grid and other core are not touched, mostly colors and spacings.
Hey there, I'd like to create content on the site that matches in style to Aurum. Where are the styles defined? Since I see bootstrap installed, I'm assuming that Aurum extends bootstrap. What files contain the CSS? Is there a best practice of reusing the styles that you guys created?
Thanks,
John
Hi John,
We don't recommend editing the CSS files of the theme, as they are minified due to a compression process we do with the themes, so if you're trying to edit the theme you should do it through Custom CSS by overwriting the classes and style of the theme.
Best regards,
Laborator Team
Hey Art,
I'd like an unminified version then because I do minifcation myself. My stack is pretty complex with Varnish behind Cloudflare and MaxCDN and I want my core and theme to be something that I can work on. I really liked the theme, but I need to be able to work on it myself, otherwise what's the point? lol.
My problem with overriding the theme in Custom CSS is that you are using bootstrap, and you're overriding that, and then I'm overriding your theme... it's a mess at that point. I don't wanna be overriding a combination of your css and bootstrap.
In order to move forward I need to know a couple of things:
* Did you guys change anything in bootstrap? (as in, if I want to move to Bootstrap 4, are there going to be a lot of changes I have to make?)
* Where do the theme CSS files live?
* If all CSS is minified and combined, how do we get a version that has them separated?
Thank you very much,
John
Hi John,
There is no problem, I can give you all the source files of Aurum however our clientele (and most of WP themes) is not of "advanced level" to use these files, instead they apply their changes over Boostrap and Aurum files, thats why we don't include them. Updates may break your functionality, unless you don't use Child Theme. Aurum is continuously in development and files may change.
I would not suggest you to edit these files unless you don't want to update the theme in the future. This means you will create your fork at this stage and continue to build yours. We do not give responsibility for changed behavior, updated libraries or any other thing thats inside original theme files.
Current development flow of the theme is stable and uses Bootstrap 3, however we are not planning to move to BS4 in the near future.
We have modified some parts of Bootstrap and also variables in variables.less, then aurum.css adds theme styling on top of bootstrap.
Your modifications can add styling/functionality on top of Aurum and here goes the flow with Child themes.
I hope I was clear on my explanation.
Hey Arlind,
Thank you for your reply. That sounds great! Would you ever consider reverting back to a pure version of bootstrap and moving those changes out to aurum.css or similar implementation? Also, are your changes to bootstrap significant?
Thank you,
John
Hi John,
Here you have source files for LESS you can analyze the changes:
https://d.pr/f/Vz7Fy5
Actually, Bootstrap (current version in Aurum) was simply moved in our theme and not altered except variables.less and nothing else. There is CSS in aurum.css that overwrites parts of Boostrap (example a popup, dropdown or similar) but the grid and other core are not touched, mostly colors and spacings.