Trying to center Category titles?

[Former Member]

Hi everybody,
I have tried to center all of my category titles via the visual editor center titles, as suggested on Billy Moon Stones tips. It doesn't work, neither does putting [] code in the display titles, yet it works on hubbys forum. I don't know what else to try, or is it my imported skin playing up again? I have seen code for the category title on Template > Home, but I don't know what I'm doing when it comes to adding anything?

Link on signature to forum.

[Stinky666]

Mar 21, 2013 2:42:36 GMT -8 @jenant said:

Hi everybody,
I have tried to center all of my category titles via the visual editor center titles, as suggested on Billy Moon Stones tips. It doesn't work, neither does putting [] code in the display titles, yet it works on hubbys forum. I don't know what else to try, or is it my imported skin playing up again? I have seen code for the category title on Template > Home, but I don't know what I'm doing when it comes to adding anything?

Link on signature to forum.

In the Layout > Home, simply find the following: $[category.display_name]
And add <center> tags around it so it's <center>$[category.display_name]</center>

Edit:
Just to add, it should be about line 6, that is where it is for me, but I honestly can't remember if I have moved stuff about etc.

[Former Member]

Great Stinky it worked, if I want to increase the font size how do I incorporate it into that code?

[Stinky666]

Mar 21, 2013 8:15:21 GMT -8 @jenant said:

Great Stinky it worked, if I want to increase the font size how do I incorporate it into that code?

Adding font tags should be fine: <center><font size="16px"> </font></center>
(haven't tested but I don't see why it wouldn't).

[Former Member]

I have just tried it but with no effect :-(

[Brian]

CSS styles will override any size attributes you set. That and 16px is an improper amount, as the size attribute of the font tag only accepts digits 1-7.

Try surrounding the variable with these. I believe it should override anything set by the style sheet in terms of font size.

<span style="font-size: 16px;">$[category.display_name]</span>

[Former Member]

Perfect Brian you have saved me yet again :-)