How can I make my container titles centre properly?

[Former Member]

Forum URL: thedas-and-beyond.boards.net

This weird issue happens occasionally when I use the Visual Editor where title bar text centres still slightly to the left.

(Path used: Visual Editor > Body (Content) > Containers > Title Bars > Text)

It doesn't effect every board either, so I'm a bit nonplussed.

I am using a plugin called Collapsible Categories that could be the cause, but I want to keep the collapsible feature.

How can I fix this so that it’s perfectly centred?

Is there somewhere in Layout Templates I can fix the issue a little more directly this instead? If so, what’s the path? I can code it out if I have to, I just can’t figure out where it is in the templates to even put it in.

Thanks in advance.

[Former Member]

@alianaliliiharosi , your text is centered within it's container but the container isn't fully utilizing the full width of the forum. 



Somewhere on line 456 on your CSS in your admin panel > themes > advanced styles & css > style sheet.
Look for the following code:

.container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }

The (@wrapper_width - 10) should be 100% instead. It should look like so:

.container > .title-bar.bbcode h2 { width: 100%; line-height: inherit !important; padding: 0px; display: block; }

[Former Member]

Jan 9, 2019 14:15:59 GMT -8 @kelvin said:

@alianaliliiharosi , your text is centered within it's container but the container isn't fully utilizing the full width of the forum. 



Somewhere on line 456 on your CSS in your admin panel > themes > advanced styles & css > style sheet.
Look for the following code:

.container > .title-bar.bbcode h2 { width: (@wrapper_width - 10); line-height: inherit !important; padding: 0px; display: block; }

The (@wrapper_width - 10) should be 100% instead. It should look like so:

.container > .title-bar.bbcode h2 { width: 100%; line-height: inherit !important; padding: 0px; display: block; }

Amazing! Thank you for that.