Results 1 to 3 of 3

Thread: Where is the colour for the tabs on the product page?

  1. #1
    Join Date
    Jul 2019
    Posts
    30

    Default Where is the colour for the tabs on the product page?

    For a particular new game I'm trying to change the colours on our website from orange to red (just on the pages for this game). I've found most of them, but can't find where to change the colour on the product tabs.

    eg. the "information" tab below the image and above the main product text on this page:

    https://www.darkstargames.co.uk/marv...set-msg01.html

    Any ideas where that is?

  2. #2
    Join Date
    Aug 2016
    Posts
    126

    Default

    Hi,

    It can't be changed within the admin console as it needs to done via CSS by going to: Template Editor> Pages> 'Additional CSS'

    Now scroll down and look for: /* Product Page Tabs */

    The 'background' and 'border' on the third line down is what your looking for - now change the hexadecimal value to the colour your after...

    Code:
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {background: #F45E2D; border: 1px solid #F45E2D; box-shadow: none; -moz-box-shadow: none;}

    Mike

  3. #3
    Join Date
    Jul 2019
    Posts
    30

    Default

    Quote Originally Posted by Mikey View Post
    Hi,

    It can't be changed within the admin console as it needs to done via CSS by going to: Template Editor> Pages> 'Additional CSS'

    Now scroll down and look for: /* Product Page Tabs */

    The 'background' and 'border' on the third line down is what your looking for - now change the hexadecimal value to the colour your after...

    Code:
    .ui-tabs .ui-tabs-nav li.ui-tabs-selected {background: #F45E2D; border: 1px solid #F45E2D; box-shadow: none; -moz-box-shadow: none;}

    Mike
    Thanks, that fixed it. Bit weird that it is in the css when all of the other colours can be changed directly from the template design...

Similar Threads

  1. Product page tabs
    By Stoked in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 04-11-2016, 11:06
  2. Template help - is it possible to change the product page layout?
    By Fidget in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 04-10-2014, 18:24
  3. Tabs in product page with custom HTML
    By looptheloop in forum Bluepark Technical Discussion
    Replies: 0
    Last Post: 05-03-2014, 11:56
  4. Changing the colour of the product list/page and sort by bar
    By teabox in forum Bluepark Technical Discussion
    Replies: 1
    Last Post: 07-09-2011, 15:54
  5. Can I move and change the colour a 'field' on my product page?
    By pinkypie in forum Bluepark Technical Discussion
    Replies: 8
    Last Post: 02-10-2009, 20:25

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...