Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #19966

    Hi I would like to change the colour of the product title and the page title that show through out the site.

    What would I need to add to the custom css to overwrite the main styles?

    Also in the main text editor I added the H2 style to a hearing and manually changed the colour in the editor but it had no effect on the colour?





    You can add this on your custom.css

    .title_container h1 {
    color: red;
    font-size: 40px;




    Thanks for the response, but it doesn’t seem to change the colour?


    Hi Mark,

    Can you point to a specific example on your site? There are a few different instances of the titles and they may require different css for each.

    Here are a few of the main ones for product titles and page titles:

    .product h1, .product h2, .product h3, .product h4, .product h5, .product h6 {
    color: #000;

    #top .title_container .page-title {
    color: #000;

    You can use html color codes in place of the ones in the example.




    Hi Devin,

    Thanks for the response. I have tried the new code but it still hasn’t changed the title I am looking to change.

    Its the first title on the page that says ‘Doorstop’.




    Hi It seems to have updated itself, the browser must be a bit sticky.

    So the last css comment has worked thanks.



    Yes, it’s always a good idea to clear the browser cache :)

    Best regards,


Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Change colour of fonts’ is closed to new replies.