changing order and font colros