Results 1 to 4 of 4

Thread: Another colour change question (and more!)

  1. #1
    Join Date
    Jan 2018

    Question Another colour change question (and more!)

    Hi Everyone - newbie question.....
    I want to change the colour, size and alignment of the bar above the categories (see Pic)
    I would like the colour to be grey, the width to be 175px and the text to be central.
    I have looked everywhere I can think of and had a scan of the forums too but I seem to be drawing a blank.
    Can anyone help?

  2. #2
    Join Date
    Feb 2013


    You do this by adding css - in Template Manager > Additional CSS. As always you need to identify the element class or ID which is easy enough by inspecting the code in Chrome (right click, and Inspect) and go from there. Because I've done this myself, here's my code to make this page :

    You'll need to make your own changes of course. If this is Double Dutch to you, PM me and I'll do it for you.

    /* Category and Product Cells Changes to cat-title block 2 Nov 2016 */

    .gridp {margin-top: 30px;}
    .gridp td {vertical-align: top;}

    .cat-title {

    padding: 8px 10px;
    color: #ffffff;
    width: 200px;
    margin-bottom: 8px;
    background-color: #0075da;
    font-size: 16px

    .cat-title a {
    color: #ffffff;
    font-size: 16px;

    .cat-title a:hover {
    color: #000000;
    text-decoration: none;

  3. #3
    Join Date
    Aug 2016


    Hi Kris,

    I assume you want the black boarders to be the same width as the picture below them? If so, I think you need them to be 158px as that's the width of the pictures.

    You can make these changes by tweaking the CSS - to do this, go into the 'Template Editor', make sure the 'Site' tab is selected and then scroll down to 'Additional CSS (developers);'

    In this box, copy and past the following code (anywhere will do, just so long as it's on it own line):

    .cat-title {
    background-color: #000000;
    padding: 8px 10px;
    color: #FFFFFF;
    width: 158px;
    text-align: center;

    Note that the colours are expressed in hexadecimal hence the '#' followed by the code of the colour after it, So #000000 is the black colour for the box and the #FFFFFF is the white colour for the text. I'm not sure of the shade of grey you require, but if it's a mid-grey for example, replace the #000000 with #808080.

    If you do want the width to be as you said, then just replace the 158px in the code above with 175px

    Let me know how you get on...


  4. #4
    Join Date
    Aug 2016


    Opps sorry Chris, you beat me to it!

Similar Threads

  1. Colour Change
    By thericksteruk in forum Bluepark Technical Discussion
    Replies: 9
    Last Post: 07-02-2018, 09:44
  2. Block title colour change
    By Kim in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 13-08-2014, 22:20
  3. Refine Results - more than one colour of a product with variants
    By Deefer in forum Bluepark Technical Discussion
    Replies: 9
    Last Post: 12-04-2013, 15:37
  4. Another email question
    By sillybilly in forum Bluepark Technical Discussion
    Replies: 5
    Last Post: 13-06-2012, 16:46
  5. Another discount question
    By Simon in forum Bluepark Technical Discussion
    Replies: 7
    Last Post: 16-06-2009, 16:49

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
About us

Bluepark's ecommerce software is developed, hosted and supported exclusively by ourselves, here in the UK, and has been so since the company was initially formed in 2004. Your brand new online shop will be hosted securely on our fast and reliable server network, using a domain name of your choice, providing the ability to build and maintain your ecommerce website, and manage your orders, from any location via your own secure online Administration Console.

A Bluepark ecommerce site is the perfect tool for selling online, whether you're selling physical products, digital downloads or services. You'll be in good company with over 1,000 UK customers who also form a friendly and helpful online community, further strengthening our highly acclaimed support network.

Find us on...