Comments (3)
Hi,
Thanks for that, it did the trick.
I'll raise a bug with the authors of the Backery Demo stating that it diverges from the build in boilerplate of comtemporary Wagtail.
May be worth putting a note on your install notes if that sort of omision is common?
from ls.joyous.
Version 0.9.0 did have substantial changes to the CSS
https://joyous.readthedocs.io/en/latest/releases/0.9.0.html#css
https://pasteboard.co/IuDwuNd.png is how I would expect a plain simple site to look.
Joyous does not push colour or font choices. But there are theme CSS files available which you can optionally choose from to import if you like.
- joyous_coast_theme.css: Greys and gold.
- joyous_forest_theme.css: Greens.
- joyous_stellar_theme.css: A dark background theme.
You can either alter your base template, or to make things easy you can set the setting JOYOUS_THEME_CSS to the path of a theme CSS file you wish to include.
https://pasteboard.co/IuDxQio.png does not look so good. It looks like joyous.css is not being loaded at all - perhaps clearing your browser cache (ctrl-F5) is needed. Or perhaps the bakery demo CSS has overridden all the Joyous CSS?
from ls.joyous.
I have installed the latest Bakery Demo from https://github.com/wagtail/bakerydemo and now see why joyous.css is not included.
The base template of the Bakery Demo https://github.com/wagtail/bakerydemo/blob/master/bakerydemo/templates/base.html does not have the blocks extra_css
and extra_js
that a Wagtail project based upon the default template would have. The blocks content
, extra_css
and extra_js
are required in the base.html template for the Joyous templates to work.
To fix this you can add extra_css
: (Note you cannot add a block to an include, so it cannot go inside "includes/head.html")
{% block head %}
{% include "includes/head.html" %}
{% block extra_css %}
{# Override this in templates to add extra stylesheets #}
{% endblock %}
{% endblock head %}
and add extra_js
:
{% block extra_js %}
{# Override this in templates to add extra javascript #}
{% endblock %}
</body>
This will allow joyous.css and optionally a Joyous theme CSS file to be included.
Hope this helps?
from ls.joyous.
Related Issues (20)
- Suggestion: Sync with google HOT 2
- Make the Export functionality optional HOT 1
- FIRST_DAY_OF_WEEK doesn't work for monthly views HOT 3
- Ongoing events HOT 3
- Docs on updating joyous HOT 3
- Upgrade - no calendar HOT 6
- Japanese translation HOT 3
- Issues trying to use Modeltranslation HOT 14
- Joyous EventBase.status field clashes with Django-Model-Utils StatusModel.status field HOT 5
- 'WSGIRequest' object has no attribute 'site' HOT 2
- Feature for setting multi time-ranges in same day HOT 4
- Not working properly with codredcms? HOT 2
- New Day view
- Merging events from two calendars... HOT 4
- Release 1.5.0 with default_auto_field set in JoyousAppConfig HOT 2
- Version 1.4.0 incompatible with holidays v0.13 HOT 7
- Saving events with same title fails
- Incompatible with Wagtail 3
- Joyous raises error with Django 3.2.17 Wagtail 2.16.3 and Python 3.9 HOT 1
- Wagtail 4.0 compatibility
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ls.joyous.