XF 2.3 block header text align

[williamt]

Can't seem to figure out how to center the text in block header 2.3.0 tried this and dosen't seem to work.
.block-header{
text-align:center;
}

 

[Davyc]

Try changing to this:

.p-header-content {
    justify-content: center;
}

Remove all the other flex statements for this and just leave it with what's showing above.

 

[williamt]

Try changing to this:

.p-header-content {
    justify-content: center;
}

Remove all the other flex statements for this and just leave it with what's showing above.

did not work

 

[Deleted member 184953]

Where do you put this code?
It works fine in extra.less template

.block-header {
    text-align: center;
}

 

[williamt]

Where do you put this code?
It works fine in extra.less template

.block-header {
    text-align: center;
}

View attachment 306823

yes extra.less

 

[Deleted member 184953]

So you have extra code that prevent this code to work.

 

[williamt]

So you have extra code that prevent this code to work.

don't think so its just the default style.

 

[Deleted member 184953]

Can't say more, this code works as you can see in my previous post.
If you have multiple style, be sure to add the code in the relevant extra.less template.

 

[williamt]

Can't say more, this code works as you can see in my previous post.
If you have multiple style, be sure to add the code in the relevant extra.less template.

ok thanks for the info I have put the code in default style extra.less and that is the only thing there.

 

[Davyc]

Try putting !important after:

.block-header {
    text-align: center !important;
}

 

[williamt]

Try putting !important after:

.block-header {
    text-align: center !important;
}

Figured it out put a fresh 2.3.0 in and works fine must have been something wrong with other install.

 

[Davyc]

Happy you got that sorted - there's nothing more frustrating when you know you're doing something right, and it doesn't work, lol