I made changes to the CSS, but after a few minutes they reverting back. I added an image to the section header, and styling to two new regions. The changes worked briefly, and then it's gone again. I can't move forward with this theme until this is resolved!
Please explain exactly how to set up a sub theme and custom CSS to Jollyness - if that is what it will take to stop this from happening.
I am really frustrated - this theme is behaving very different from any other theme that I have worked on before.
I think, might your site is compressed css, please check it in http://your-domain/admin/config/development/performance
make sure "Aggregate and compress CSS files." and " Aggregate JavaScript files. " are unchecking.
If it is checked, uncheck it, save then clear cache.
Please try with above solution, if you still have that issue please send us your url and admin account to [email protected], we will help you to check it.
Thanks!
I have gone back in and reproduced the error. If I go to Appearance > Settings >Layouts and make any changes to regions (background color or add classes), when I save the changes it wipes out my css edits, (using style-whiteblue.css) and I have to reload the local file.
I read through the comments and combined a few to solve my problem. To prevent the Layout editor from overwriting your theme css modifications, first go into your jollyness theme download, to packages folder and copy the jollyness_sub theme to your theme directory. Add your custom.css file to the jollyness_sub assets/css folder. Add 'stylesheets[all][] = assets/css/custom.css ' to your jollyness_sub.info file. Any source files, (logo, background files, etc), be sure to copy those to your Jollyness_sub folder. Go to Appearance> Enable Jollyness_sub and make it the default. Now when you modify the Layout editor, it won't revert your theme edits back to the default.
I read your post and see that your problem also requires more detailed documentation of the themes. I am not sure whether your solution is the correct one, I am not an expert, but read this post: http://themesvision.com/forum/best-way-include-custom-css
I am asking themesvision since days that they should improve documentation and exactly for this type of cases give instructions.
hi, I have four more questions to understand.
1. You wrote above: "make sure "Aggregate and compress CSS files." and " Aggregate JavaScript files. " are unchecking.". Does this mean that on your themes these performance improving modes always must be unchecked?
2. Somewhere you wrote: "We are using less to style for the theme. it will be compiled to css by drupalexp framework.": Does this mean, that the less file is compiled on the server? If yes, what triggers the compilation?
3. If for some reasons I want to do custom styling in CSS and not less, where do I have to put this? Also into the less files?
4. If there can be a problem with point 1 above, does this mean that the module "boost" would not work with your theme/modules?
thanks for the clarifications
1. when you site is in development phase, we recommend to uncheck that all options, because you will dis not see the changes till you do flush all cache. That is great for production site.
2. Yes, LESS is compile on server and it only do re-compile once you make change in theme settings or any LESS file.
3. To add custom css, you can use standard of drupal by create your custom file (custom.css), upload to assets/css or any folder in theme. Open .info file and add:
stylesheets[all][] = assets/css/custom.css
Then do Flush all cahe (or Flush theme register only).
4. Boost or any moudles from drupal.org can work fine with our theme. NO PROBLEM here.
Hope this make sense. Thanks.
I can give another CSS tip- if you are going to create a custom color set for your theme...
1. go into Appearance > Settings > Presets and select the style that closely matches,
2. Then go into Pre-set Settings and select your desired colors. Save,
3. Then download your newly updated css file from the server (themes/Jollyness/assets/css/'select the style sheet you chose" ) and copy it to use as the base of your custom.css. Set up your subtheme as noted above in this thread, and then start customizing. The theme is very adaptable due to the the multiple configuration available in the layout editor.
just a note.... I added my own custom.css file in my own sub_theme and the theme still overrides this file as well.