How to edit styling CSS ?

Created on 31 December 2022, almost 2 years ago
Updated 13 June 2023, over 1 year ago

Hi, I'm looking for a simple way to edit css files using Social Blue theme 2.3.0 (the default theme not a subtheme)

When inspecting source code, css files look like this :
https://domain.com/sites/default/files/css/css_L9cmIwRimk4Yx1BKjhxRZQp7ZPQDbmWfY3a4Yh_Z9ck.css

It seems css files are cached.

Is it possible to have non-cached css/js files so I can edit them ?

Thanks

💬 Support request
Status

Needs review

Version

11.4

Component

Front-End

Created by

🇲🇦Morocco GreenLanterrn

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • 🇮🇳India Muskan kumari

    Hi,
    Your problem solve by removing the "Aggregate CSS files".
    for this you need to go this root :
    "/admin/config/development/performance"
    and uncheck the Aggregate CSS files and save the configuration.

  • 🇩🇪Germany Corn696 Flensburg

    You should not turn aggregation off on production.

    You could edit the files directly in the social blue theme. But you would need to apply your changes if an update overrides your changes.
    Another option would be to create a custom module with custom css files. You can define libraries in a libraries.yml and attach these libraries with a hook in the .module or with the twig function attach_library() on the pages where you need those changes or globally.

  • 🇮🇳India ravi kant Jaipur

    @GreenLanterrn

    Basically style can change by modifying style files(css, sass,scss, pcss). Also module files should not directly edit.
    You should modify or update style of "Social Blue" theme. After making changes you may clear cache which will update Aggregator URL as you maintained in description.

Production build 0.71.5 2024