Loading ...

Customizing a space with CSS overrides - New Feature

A feature released in Communifire recently, helps you to further customize the layout and UI of a space.  In each page within your space, we've added a generated CSS class into the <body> tag that you can use to target CSS at a specific space.

<body class="x-custom-space-spacename">

Where 'spacename' is the name of the space you are customizing.

By adding this prefix to the beginning of your CSS declarations, you can easily change the layout for a specific space, or a nubmer of your spaces.  This gives you full and absolute control as to how your spaces look and feel.

The CSS example code below uses this method to give your space a fluid width of 90% with a right sidebar of 300px.  All you have to do to try this is to copy and paste (be sure to change 'spacename' with the name of your space) and save this in your CSS Overrides form in the admin section.

.x-custom-space-spacename #axero-community-wrapper{width:90% !important;}
.x-custom-space-spacename #axero-two-col-sidebar-right-sm-rightcol{width:300px !important;}
.x-custom-space-spacename #axero-two-col-sidebar-right-sm-leftcol{margin: 0 -310px 0 0;}
.x-custom-space-spacename #axero-two-col-sidebar-right-sm-leftcol-inner{margin: 0 300px 0 0;}
.x-custom-space-spacename .axero-space-body-main .axero-ultimate-wall-container{width: auto !important;}

To find the generated 'spacename', do a view source on any of your space pages, or use firebug to look at the source of the webpage.  When the spacename is generated, it replaces any symbols or spaces to a dash (-).

Tim Eisenhauer
Written by Tim Eisenhauer

Tim is president and co-founder of Axero Solutions, a leading intranet software vendor. He's also a bestselling author of Who the Hell Wants to Work for You? Mastering Employee Engagement. Tim’s been featured in Fortune, Forbes, TIME, Inc Magazine, Entrepreneur, CNBC, Today, and other leading publications.

Work Happens Here: Communifire Intranet Software
How to launch your intranet
Mastering Employee Engagement

Comments (no comments yet)

  • *
  • *

 *
COMMUNIFIRE INTRANET SOLUTIONS

Give your teams a really useful intranet.

Help departments work beautifully - no matter where they are - with an intranet that does more than just store old HR docs. See what is truly possible with Communifire's modern, flexible intranet solution.

Yes, I'd Like to Learn More About Communifire