Changing page title font size/colour

I wish to change the size and colour of the font that appears at the top of each page (see attached screenshot). Can someone please show me how to do this … and can I do just the one change or do I have to do it for each page individually. Im using v3.0.6.




Hello Bart,

Thank you for your message.

This can be done by modifying several CSS files. We would be happy to assist you in this matter within our technical support service. Please contact us via Customer Help Desk if you have support credits or an active support period.

Thank you.

Pavel Zyukin

CS-Cart Support team

If you look in your styles.css for the following code:

.product-main-info h1.mainbox-title, .vendor-main-info h1.mainbox-title {
color: #whateverthedefaultcolouris; - not sure of the hex code on the default colour sorry, changed mine ages ago.

And change it to

.product-main-info h1.mainbox-title, .vendor-main-info h1.mainbox-title {
color: #whatevercolouryouwant;

Then it will change your h1 title colour.


ETA: adding the line below inbetween the { } brackets:

font-size: 120%;

Would increase the font-size slightly, obviously a higher or lower number would make the font larger or smaller.