Score:0

Drupal

How to load a CSS file from a URL?

themer

7/23/24, 8:10 AM

I have a raw github page with CSS:

https://raw.githubusercontent.com/USER/REPOSITORY/main/website/style.css

How to load it in my website to effect the website globally?

I tried this in /core/themes/olivero/olivero.libraries.yml but no change occured after cache rebuild.

global-styling:
  version: VERSION
  css:
    base:
      css/base/fonts.css: {}
      css/base/base.css: {}
      css/base/utility.css: {}
      css/base/https://raw.githubusercontent.com/USER/REPOSITORY/main/website/style.css: {}

1 + 7

theming

themer

7/23/24, 9:40 AM

@Hudri I am not sure because I don't want to do it for a module, rather globally, for all the website. I have also tried something on `olivero.libraries.yml` that didn't work. I'll edit to expand.

themer

7/23/24, 9:56 AM

I have edited because I believe my question is unrelated to module development, rather, to core customization.

Hudri

7/23/24, 10:05 AM

Simple rule: Never edit core. Create a custom theme or a custom module, both will do for this usecase.

themer

7/23/24, 10:10 AM

I am well aware of that rule :) I never edit core unless it's one line about CSS or one line about JS. This is indeed my need here.

Hudri

7/23/24, 10:16 AM

You either loose the ability to upgrade or your changes break at the next update. does not matter if it is 1 line or 1000.

themer

7/23/24, 11:10 AM

@Hudri correct but if, with each upgrade, I inject the same new line somehow, yes, it's "corky" but works.

berliner

7/23/24, 12:27 PM

@themer Most of all, it's not necessary to change core files. There are simple and well documented ways to achieve what you want.

Score:1

Drupal

apaderno

7/23/24, 10:49 AM

External files can be used, but for a CSS file the definition is similar to the following one.

https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css: { type: external, minified: true }

type: external is necessary to make Drupal know that is an external file; minified: true is used only when the file is minified.

As comments already said, it is a bad idea to change a Drupal core file because those changes are lost all the times Drupal is updated. Instead, it is better to create a custom theme, which can also use the core theme as parent theme.

+ 3

themer

7/23/24, 11:18 AM

I can't get the file to load. I have updated about how I use the link.

apaderno

7/23/24, 11:28 AM

Questions cannot be edited, if they invalidate the given answers. They are not for a back-and-forth with the users who answer them.

themer

7/23/24, 11:37 AM

Okay then I guess I should ask a new question.

Elon Musk

I sit in a Tesla and translated this thread with Ai:

EN: How to load a CSS file from a URL?

Post an answer

Most people don’t grasp that asking a lot of questions unlocks learning and improves interpersonal bonding. In Alison’s studies, for example, though people could accurately recall how many questions had been asked in their conversations, they didn’t intuit the link between questions and liking. Across four studies, in which participants were engaged in conversations themselves or read transcripts of others’ conversations, people tended not to realize that question asking would influence—or had influenced—the level of amity between the conversationalists.