User.css creator Version 1.0.2 (beta)

Last edit: February 29 2024 02:24:05.

Welcome to the Cassiopeia user.css generator!
You can either generate a color scheme or pick own colors in the form below. Then you can download the generated user.css file and upload it into you Cassiopeia child theme (or if you only want to override the colors you can upload it also in maintheme. The user.css file will be loaded after the template.css file and will overwrite the colors of the template.css file.

1. Generate a random colour scheme and preview the stylesheet:

2. Choose one of the generator styles

3. Modify the colour scheme and preview the stylesheet:

The Main Color of your website should take around 60% of weight in your color palette. It is the color that will be used for the background of your website. It is the color that will be used for the background of your website.

The Primary Color of your website should take around 30% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Primary Background

The Secondary Color of your website should take maximum 15% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Secondary Background

The Accent Color of your website should take maximum 10% of weight in your color palette. It is the color that will be used for the background of your buttons, the background of your navigation bar, and the background of your footer.

A Text Color, that works well on the Accent Background

Gradient Colors for your backgrounds - you can edit the css outcome if you dont want this.

Home

Hits: 967

Templates control the look and feel of your website.

This blog is installed with the Cassiopeia template.

You can edit the options by selecting the Working on Your Site, Template Settings link in the menu which is visible when you log in.

For example you can change the site background colour, highlights colour, site title, site description and title font used.

More options are available in the site administrator. You may also install a new template using the extension manager.

Hits: 473

Your site has some commonly used modules already preconfigured. These include:

  • Image (type: Custom), which holds the image beneath the menu. This is a Custom module that you can edit to change the image.
  • Popular Tags (type: Tags - Popular), which will appear if you use tagging on your articles. Enter a tag in the Tags field when editing.
  • Older Posts (type: Articles - Category), which lists out articles by categories.
  • Syndication (type: Syndication Feeds), which allows your readers to read your posts in a news reader.
  • Login Form (type: Login), which allows your users to access restricted areas of the website.

Each of these modules has many options which you can experiment with in the Module Manager in your site Administrator. When you are logged in you can also select the edit icon in the top right corner which will take you to an edit screen for that module. Always be sure to save and close any module you edit.

Joomla! also includes many other modules you can incorporate in your site. As you develop your site you may want to add more modules that you can find at the Joomla Extensions Directory.

Hits: 607

Your home page is set to display the four most recent articles from the blog category in a column. Then there are links to the next two oldest articles. You can change those numbers by editing the content options settings in the blog tab in your site administrator. There is a link to your site administrator if you are logged in.

If you want to have your blog post broken into two parts, an introduction and then a full length separate page, use the Read More span to insert a break.

Read more: About your home page

  • About the Author: Uurnip greens yarrow ricebean endive cauliflower sea lettuce kohlrabi amaranth water spinach avocado daikon napa cabbage asparagus winter purslane kale.
Amazing Andromeda Galaxy

Hits: 361

This is a sample blog posting.

If you log in to the site (the Administrator Login link is on the very bottom of this page) you will be able to edit it and all of the other existing articles. You will also be able to create a new article and make other changes to the site.

As you add and modify articles you will see how your site changes and also how you can customise it in various ways.

Go ahead, you can't break it.

Welcome

Welcome to the user.css generator. This tool should help less experienced users generate a custom user.css files for their Cassiopeia template.
1. You can randomly generate some colors with the Generator at the top. (Improvements incoming!)
2. Then you can change the colours in the form below
3. Then you can download the generated user.css File (Full of comments) and use or change it manually
 
Feature requests are welcome. Donations too. :-)
 
Thank you for using the user.css generator!

Want to see me smile? You can Donate :-)

Amount

Main Menu

My Blog

Login Form

  • Millions of Websites are built on Joomla!

    Learn more about beautiful blog presentation.

    Read more: Millions

  • We love Joomla to the moon and back!

    Thank you to all volunteers who have contributed!

    Read more: Love

  • We proudly present Joomla Version 4!

    Learn more about workflows in Joomla.

    Read more: Joomla

Older Posts