Code Block text-align: center not working

Hi there,

I want to center the content (shortcode for breadcrumbs) of a Code Block.
I tried everything: I put it in the Code Block, set a CSS class for it and set it to text-align: center;.
I put it into a textfield, put all these in a 1/1 column, a color section and set everything to width:100%; text-align: center; – all not working.
With text it works well but not with the breadcrumb-shortcode.
What am I doing wrong?

I put all this to the Quick CSS without effect:

.bread-foot {
   width:100%;
   text-align: center;
}

.teaserbox-center {
   width:100%;
   text-align: center;
}

.teaserbox2-center {
   width:100%;
   text-align: center;
}

.color-sect-center {
   width:100%;
   text-align: center;
}

div.breadcrumb.breadcrumbs.avia-breadcrumbs {
   width:100%;
   text-align: center;
}

div.breadcrumb {
   width:100%;
   text-align: center;
}

div.breadcrumbs {
   width:100%;
   text-align: center;
}

div.avia-breadcrumbs {
   width:100%;
   text-align: center;
}

All the Enfold documentation I found and I’ve read seems to be for older versions.

Thanks and regards,
Knutnik