How to center the banner subtitle?

[lukans]

How to center the banner subtitle? I added the CSS custom code but it doesn't work.
.astroid-banner .astroid-banner-inner .astroid-banner-subtitle {
font-size: 20px;
text-align: center;
}

Banner title work ok.
.astroid-banner .astroid-banner-inner .astroid-banner-title {
font-size: 40px;
text-align: center;
}

Live page is https://artmagazin.lwdesign.rs/index.php/pretraga

[sonvnn]

Because sub-title is a span tag. You have to add display:block;

.astroid-banner .astroid-banner-inner .astroid-banner-subtitle {
font-size: 20px;
text-align: center;
display:block;
}

It will work

[lukans]

It work. Many thanks.