>Hi everybody,
>
>I tried different ideas, but I can not get the desired behavior.
>
>Please see attached. I'd like to display the 'Created' information in a different font - it should be smaller and dimmed and pulled to the right. I could not find appropriate bootstrap class and everything I tried didn't work.
>
>Need some help.
>
>Here is my code
>
>

><div class="widget-head fixed-header">
>                {{ currentVendor.fullName }} {{ !isNew ? '(' + currentVendor.vendorId + ')' : '' }}
>                <span>
>                    @Labels.created {{currentVendor.dateTime  | date : 'medium'}} {{' by ' + currentVendor.operator + ' @Labels.at ' + currentVendor.salespoint}}
>                </span>
>                <switch class="pull-right" label-on="@Labels.hidden"
>                        label-off="@Labels.visible" checked="currentVendor.hidden" form="form"></switch>
>
>            </div>

>
>So, I need the part in the span to look different.
>
>Here is how it looks now - see attached.

Why not just define your own CSS class ?