[SOLVED] Need a little help please, looking to Centre all the Catagories titles

[simpson7647]

hi all, im after a little help.

Currently all my catagory titles are too the left but to make it look that little bit better, i'm looking to center all these catagories but how do i do this?

Do i simply edit a piece of code and if so, which bit.

Or do i add a new code?

What do i do?

thanks all

regards,

Ryan

[simpson7647]

anyone able to help

thanks

[rocky]

Try changing the following lines in global.css:

/* category.tpl */
h2.category_title { font-size: 1.3em }

to:

/* category.tpl */
h2.category_title { font-size: 1.3em; text-align: center }

[simpson7647]

hi rocky, that does seem to work.
Heres how it looks now:


/* discount.tpl */
td.discount_value { white-space: nowrap }

/* category.tpl */
h2.category_title { font-size: 1.3em; text-align: center }
body#category #subcategories li { margin-right: 10px }
div.cat_desc { margin: 0 1em }
body#category div#subcategories ul.inline_list li a img { display: inline }


thanks

[rocky]

You mean it is or isn't working? It's working fine for me on my test site.

[simpson7647]

sorry, i meant it doesnt seem to work.

I pasted what code i changed, is that correct as it doesnt work.

And should it center all the titles etc?

thanks

[rocky]

Yes, all the category titles should become centred like in the screenshot. That's what happens on my test site.

[simpson7647]

oh right, check out my site if u can please rocky.

Heres the link, ill just put it online

www.protectandenhance.co.uk

thanks

[simpson7647]

sorry, im not sure if i explained it wrong.

On the home page, what i want centered is all the titles like tags, categories, cart etc.

is that what you thought?

thanks

[rocky]

No, I thought you meant the title of the category listing pages, not the blocks. I can see that the category listing page titles on your website are centred. If you don't want them to be, you should remove the text-align: center I said to add. You should instead change the following in /* Default block style */ section of global.css from:

div.block h4 {

to:

div.block h4 {
   text-align: center;

[simpson7647]

thats looks brill Rocky so thanks, im glad i did that.


Ill follow as you said rocky.

Many thanks for all your help

[simpson7647]

Doesnt seem to look right, doesnt seem like its actually centered :/

thanks

[rocky]

It's because of the padding. You must remove the left and right padding from the div.block h4, or equalise the padding.

[simpson7647]

Where do i change this rocky?

many thanks

[rocky]

In the div.block h4 code block I mentioned above. The same place where you added the text-align: center there should also be padding.

[simpson7647]

Thanks rocky, and that will change the padding for all?

many thanks!

[rocky]

Yes, I think so.

[simpson7647]

thankyou, ill give it a go

[simpson7647]

All sorted, cheers rocky