Customize Cassiopeia? Topic is solved

[Overtone]

Can I add a custom.css or do I need a custom.scss? Will Joomla compile the custom.scss or do I have to compile the file by myself? No documentation out there?

[SharkyKZ]

SCSS compilation will not be supported. The custom CSS file should be called user.css.

[AlexVega]

Hi there,

Yes, you can. Please read this info:
https://docs.joomla.org/J4.x:SCSS_and_Sass

Best Regards.

[nuxnix]

I was able to add a user.css to make simple customisations without editing the template itself in '‎4.0.0-beta1-dev'.

For example to set the background colour and remove the gradient .

Code: Select all

.container-header {
  background-color: #FFFFFF;
  background-image: none; }

[toivo]

Here is another example of user.css, setting the top margin of Submit and other buttons.

Code: Select all

/*!
 * CSS fine tuning
 */

.btn {
	  margin-top: .25rem;
}

[gl68]

hello!

thankz for the user.css tips. they work!
i am just trying to change the template color and it doenst seem to work?

my css knowledge is short and all i need it to change the color of the site links.

Any idea?
i have a user.css and also a custom.css but....

Thanks for your attention,
guida

[nuxnix]

Try something like this which is is from my user.css :

Code: Select all

a {
  color: #722206;
  text-decoration: none;
  background-color: transparent; }
  a:hover {
    color: #ce3d0b;
    text-decoration: underline; }

[p-roos]

You can also change the template colors in user.css, try this code (and change the color values) :

Code: Select all

:root {
    --cassiopeia-color-primary: #112855;
    --cassiopeia-color-link: #224faa;
    --cassiopeia-color-hover: #424077;
}

[gl68]

Thank you for the answer, I have been pretty busy and that's the cause of these delays.

I am going to stick to these good tips

Thank you for your support,
Guida