Skip to main content
All CollectionsAssembla Project ManagementTickets
How to Use Custom CSS to View Nested Subtasks on Assembla's Cardwall
How to Use Custom CSS to View Nested Subtasks on Assembla's Cardwall
Toshi Dávila avatar
Written by Toshi Dávila
Updated over 2 months ago

Assembla allows you to use CSS for a nested view of the Cardwall.

To add custom CSS to your space

  1. In Assembla, click Space Settings > Appearance.

  2. In the Style section, paste the custom CSS from below into the textbox, and then click Save Changes.

  3. Click the flag icon to filter out related tickets.

Custom CSS:

#cardwall-container span[title="Show epic's related tickets"]::after,

#cardwall-container span[title="Clear epic's related tickets filter"]::after {

    content: "Epic";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(107, 233, 107, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

#cardwall-container span[title="Show story's related tickets"]::after,

#cardwall-container span[title="Clear story's related tickets filter"]::after {

    content: "Story";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(253, 255, 68, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

#cardwall-container span[title="Show subtask's related tickets"]::after,

#cardwall-container span[title="Clear subtask's related tickets filter"]::after {

    content: "Subtask";

    width: 100%;

    height: 21px;

    display: block;

    background: rgba(107, 221, 238, 0.7);

    position: absolute;

    top: 0;

    left: 0;

    color: #000000;

    padding-left: 5px;

    border-radius: 3px 3px 0 0;

    font-size: 11px;

}

.u-cardwallCard h4 {

    margin-top: 22px;

    line-height: 17px;

    font-size: 13px;

}

.nav-item a[title="Intranet"] {

    background-color: red;

    color: #fff !important;

    padding: 0 5px;

}

Did this answer your question?