PHPackages                             craffft/css-style-selector-bundle - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. craffft/css-style-selector-bundle

ActiveContao-bundle[Utility & Helpers](/categories/utility)

craffft/css-style-selector-bundle
=================================

Contao 4 Css Style Selector bundle

1.6.3(5y ago)827.4k↓50%8[11 issues](https://github.com/Craffft/css-style-selector-bundle/issues)[2 PRs](https://github.com/Craffft/css-style-selector-bundle/pulls)MITPHPPHP >=7.1

Since May 29Pushed 2y ago2 watchersCompare

[ Source](https://github.com/Craffft/css-style-selector-bundle)[ Packagist](https://packagist.org/packages/craffft/css-style-selector-bundle)[ Docs](https://craffft.de)[ RSS](/packages/craffft-css-style-selector-bundle/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (2)Versions (17)Used By (0)

CSS Style Selector Bundle
=========================

[](#css-style-selector-bundle)

This extension allows backend users to use predefined styles in articles, news, content elements, and many more. It's easy to use because it uses clear names for every style. The selected styles are then set to their corresponding CSS class, which can be styled as usual. It's really helpful if you want to set up a simple system for the end-user.

### CSS styles can be defined here

[](#css-styles-can-be-defined-here)

[![css selector navigation](https://raw.githubusercontent.com/Craffft/css-style-selector-bundle/master/docs/css-style-selector-nav.png)](https://raw.githubusercontent.com/Craffft/css-style-selector-bundle/master/docs/css-style-selector-nav.png)

### The predefined styles can be selected here

[](#the-predefined-styles-can-be-selected-here)

[![css selector navigation](https://raw.githubusercontent.com/Craffft/css-style-selector-bundle/master/docs/css-style-selector-preview.png)](https://raw.githubusercontent.com/Craffft/css-style-selector-bundle/master/docs/css-style-selector-preview.png)

Installation
------------

[](#installation)

### Step 1: Download the Bundle

[](#step-1-download-the-bundle)

Open a command console, enter your project directory and execute the following command to download the latest stable version of this bundle:

```
$ composer require craffft/css-style-selector-bundle "dev-master"
```

This command requires you to have Composer installed globally, as explained in the [installation chapter](https://getcomposer.org/doc/00-intro.md)of the Composer documentation.

### Step 2: Enable the Bundle

[](#step-2-enable-the-bundle)

Then, enable the bundle by adding it to the list of registered bundles in the `app/AppKernel.php` file of your project:

```