Moving Category Title to Center

Hi guys, I want to know how to move the category title to center instead on the left?\

Thanks in advance!

only the category title or every title?

for every title
catalog/view/theme/*yourtheme*/stylesheet/stylesheet.css
find and add after

for category title Only
open catalog/view/theme/*yourtheme*/template/product/category.tpl

and replace with then in catalog/view/theme/*yourtheme*/stylesheet/stylesheet.css add this at the bottom...or whatever..

Xyph3r wrote:only the category title or every title?

for every title
catalog/view/theme/*yourtheme*/stylesheet/stylesheet.css
find

Code: Select all

h1, .welcome {

and add

Code: Select all

text-align: center;

after

for category title Only
open catalog/view/theme/*yourtheme*/template/product/category.tpl

and replace

Code: Select all

 <h1><?php echo $heading_title; ?></h1>

with

Code: Select all

  <h1 class="categorytitle"><?php echo $heading_title; ?></h1>

then in catalog/view/theme/*yourtheme*/stylesheet/stylesheet.css add this at the bottom...or whatever..

Code: Select all

.categorytitle { text-align: center; }

Wow thanks! That totally worked!

I forgot there's a text-align property.. my bad

By the way, Can I add some short description below the Title?

how? some short description from the existing one(let's say first 50 characters)..or you want to add a custom field in admin for each product(more difficult)?

Xyph3r wrote:how? some short description from the existing one(let's say first 50 characters)..or you want to add a custom field in admin for each product(more difficult)?

Hmm the one I want is short description exactly below the h1 title (which mean Category and Sub-Category Title), and I want each category / sub to have a different description.

Is that possible?

Thank You!

You move the category description unde the h1...

Xyph3r wrote:You move the category description unde the h1...

Jeez... Totally my fault for not aware about that....
Thanks for clearing that up, Xyph3r!

How to move product title in middle above image in opencart 3.0?

A strictly theoretical Solution for centered Category and Product Page Titles in OC v.3.0.2 Versions:
in:
OC v.3.0.2.0 theme/default/template/product/category.twig LINE Number ~17
change: to: then, add: above the content below: (OC 3 default Theme stylesheet view) to make it look like: into your...theme/default/stylesheet/stylesheet.css file.
---
and this one should match a default Product Page Code in OC v.3.0.2 Versions:
in:
OC v.3.0.2.0 theme/default/template/product/product.twig LINE Number ~123
change: to: in addition to adding the: to the stylesheet.css File as mentioned above. Only use one single
.categorytitle {text-align: center;} Line Entry in the stylesheet.css file,
if you use this 'Center Title' Function in both Category and Product Pages.
---
Untested, good Luck!
And don't forget, to clear out all of your CACHE Systems in OC-3, after you made the changes,
and clear out Browser Cache too, or better don't expect it to show up anywhere, as it should...
Ernie
---
Imagelink: (OC v.1.5.6.5_rc/OC v.2.0.3.1 Theme)
download/file.php?mode=view&id=35600