-
Notifications
You must be signed in to change notification settings - Fork 33
Custom Styles: Case Studies
Here are some customisations that can be useful. To apply them, follow these steps:
- Enter to admin panel > Decidim awesome > Custom styles
- Add a new CSS box (link at the bottom of the page)
- Copy & Paste the code of the case you want to apply, replacing UPPERCASE WORDS with relevant information, if needed (e.g. URL)
- Select the component(s) to which you want to apply the customisation in "Applicable only in these cases".
Customisations have been tested in Firefox, Chrome, and Safari browsers.
To remove the creation date of a process card
li.card-data__item.creation_date_status { display:none; }
To change the grey person 👤 to a custom avatar, use the following code, replacing URL by the location of the image you want to use as avatar.
/* change default avatar in official meetings */
div#meetings div.author-data span.author__avatar img,
div.view-header div.author-data span.author__avatar img {
display: none;
}
div#meetings div.author-data span.author__avatar,
div.view-header div.author-data span.author__avatar {
background-image: url(URL);
background-size: contain;
width: 25px;
height: 25px;
border-radius: 50%;
background-position-y: center;
background-position-x: center;
background-repeat: no-repeat;
}
To hide the map above the meetings list, paste the following code in the CSS box.
/* hide map in meetings list */
div#map { display: none; }
To hide the filter in the meetings list, paste the following code in the CSS box.
/* hide filter sidebar */
div.filters__section, div.filters,
div.filters-controls.hide-for-mediumlarge, div.card.card--secondary.show-for-mediumlarge
{ display:none; }
div#meetings { width: 100%; }
Select the code of the filter you want to hide and paste it to the CSS box.
/* hide status filter */
div.filters__section.state_check_boxes_tree_filter { display: none; }
/* hide category filter */
div.filters__section.category_id_check_boxes_tree_filter { display: none; }
/* hide origin filter */
div.filters__section.origin_check_boxes_tree_filter { display: none; }
/* hide my activity filter */
div.filters__section.activity_collection_radio_buttons_filter { display: none; }
/* hide related to filter */
div.filters__section.related_to_collection_radio_buttons_filter { display: none; }