Facing Problem in overriding CSS

[chirag soni]

Hi Team,

Could you show me the complete process of overriding django-oscar css.
As per the documentataion I tried to use STATICFIES_DIRS = [ ] but
still not able to do that. The main problem I am facing, after putting
my effort, is in the chrome developer tool it shows that it is still
pointing .less instead of my own css for which I mentioned the path in
the STATICFIES_DIRS.

This is the styles sheet using in layout.html(which extends base.html)
<link rel="stylesheet" type="text/css" href="{% static
"oscar/css/styles.css" %}" />

[Tea Xchange]

Did you use the collectstatic command ?

--
https://github.com/django-oscar/django-oscar
http://django-oscar.readthedocs.org/en/latest/
https://twitter.com/django_oscar
---
You received this message because you are subscribed to the Google Groups "django-oscar" group.
To unsubscribe from this group and stop receiving emails from it, send an email to django-oscar...@googlegroups.com.
Visit this group at https://groups.google.com/group/django-oscar.
To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CABANgHXQ3RasBuWG9gcUHWh3117hYotRmk_eJ67qQFT652SfsA%40mail.gmail.com.
For more options, visit https://groups.google.com/d/optout.

[chirag soni]

Yes. 

Like this: 

python manage.py runserver collectstatic. 

To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CAJLF7qsyFQR9-9uOEUfkThveYbznqhVA_2g1G4vxedPNvt99CA%40mail.gmail.com.

[Tea Xchange]

Then it means both the Django Oscar css and ur own css are being referenced by staticfiles_dirs=[]

To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CABANgHVHUqh71Ouq%3Dw1kubN80we36kzf177NLx0_5jfgtk3XFA%40mail.gmail.com.

[chirag soni]

Now what to do? 

And in chrome developer tool it is showing that still it is using. less

To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CAJLF7qskHmMxf4viOkHq6RUSNPLAuqwpQZLgKg6s_4QCCCc3Uw%40mail.gmail.com.

[Tea Xchange]

Hello try removing the Django Oscar static files from the static folder 

To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CABANgHUbAP0JmguVd9tgRHoU7fqGO4ngj78EPz496ZsT8bYR8A%40mail.gmail.com.

[chirag soni]

Now I am running the app in incognito browser and no CSS is coming. Front end is looking very ugly (that is what I want as I want to apply my own CSS.) From Django debug tool I found that it's pointing to my own static directory I mentioned under STATICFILES_DIRS.  Now in that static directory I have one file: style. css whose path is appearing in django debug tool but I am not able to understand that when I modify some CSS properties in that file then it's not going to reflect in browser. 

Why..?? 

To view this discussion on the web, visit https://groups.google.com/d/msgid/django-oscar/CAJLF7qvzS6j7Epv4_YOYTE2UucJc7FXZxOStZa%3DwAXEbbG5Ohw%40mail.gmail.com.

[chirag soni]

I copied Django-Oscar's styles.css file and pasted it in my own static directory: 

yourappsfolder/static/oscar/css/styles.css. and gave the path in STATICFILES_DIRS and verified that Oscar is referring to above directory using Django debug tool but there is no effect of this file in browser so I created one more file any.css and pasted all the properties of styles.css in it and linked it in the layout.html template below the already linked styles.css. Now I refreshed browser and found that this time rendering was happening properly.  

Why the rendering was not happening when styles.css alone was there. 

[chirag soni]

I copied Django-Oscar's styles.css file and pasted it in my own static directory: 

yourappsfolder/static/oscar/css/styles.css. and gave the path in STATICFILES_DIRS and verified that Oscar is referring to above directory using Django debug tool but there is no effect of this file in browser so I created one more file any.css and pasted all the properties of styles.css in it and linked it in the layout.html template below the already linked styles.css. Now I refreshed browser and found that this time rendering was happening properly.  

Why the rendering was not happening when styles.css alone was there.