ProductCart Shopping Cart Software Forums : modify the css in Related Items https://forum.productcart.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Fri, 10 Apr 2026 11:15:43 +0000 Wed, 30 Dec 2009 18:03:28 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 https://forum.productcart.com/RSS_post_feed.asp?TID=3319 <![CDATA[ProductCart Shopping Cart Software Forums]]> https://forum.productcart.com/forum_images/pc_logo_50.png https://forum.productcart.com/ <![CDATA[modify the css in Related Items : Just so you know.... I found the...]]> https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12488.html#12488 Author: BettyH
Subject: 3319
Posted: 30-December-2009 at 6:03pm

Just so you know.... I found the answer. in the pcStorefron.css I had to create the following style:
 
#pcMain .pcShowProductName a {
  color:#333333;
 }
 
However, you may be correct in that it would be better to set it to a specific tab in order to have it not affect other parts of the store adversly.
 
Thanks for your help!
]]> Wed, 30 Dec 2009 18:03:28 +0000 https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12488.html#12488 <![CDATA[modify the css in Related Items : Ah, Sorry, I though that was the...]]> https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12486.html#12486 Author: Hamish
Subject: 3319
Posted: 30-December-2009 at 5:56pm

Ah, Sorry, I though that was the one you wanted. At the moment this is controlled by the site wide setting  in pcStoreFront.css :

/* The following two statements assign a style to links storewide. They are sometimes
       overwritten by other styles that target specific links. */
    #pcMain a:link {
    color: #CCCCCC;
    }
    
    #pcMain a:visited {
        color: #d3d2d2;
    }


If you wish to add one specific to the tabs I suggest adding to SpryTabbedPanels-PD.css


#TabbedPanels1 a:link {
        color: red;
}

Of course with whatever color you prefer.
]]> Wed, 30 Dec 2009 17:56:54 +0000 https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12486.html#12486 <![CDATA[modify the css in Related Items : Tried that... well actually, that...]]> https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12485.html#12485 Author: BettyH
Subject: 3319
Posted: 30-December-2009 at 5:39pm

Tried that... well actually, that changes the color of the text on the tab. I need to change the color of the link in the content on the "related items" tab.
 
I tried this:
.TabbedPanelsContent {
 padding: 4px;
}
.TabbedPanelsContent a {
 color:#666666;
}
 
But that didn't work either. I also noticed that the <p> style is pcShowProductName . I went into the pcStorefront.css and modified this in a similiar fashion, but that has not solved it either.
]]> Wed, 30 Dec 2009 17:39:20 +0000 https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12485.html#12485 <![CDATA[modify the css in Related Items : Hi, It&#039;s set in CSS SpryTabbedPanels-PD.css...]]> https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12484.html#12484 Author: Hamish
Subject: 3319
Posted: 30-December-2009 at 5:32pm

Hi,
  It's set in CSS SpryTabbedPanels-PD.css  See color in 

.TabbedPanelsTab {
    position: relative;
    top: 1px;
    float: left;
    padding: 4px 10px;
    margin: 0px 1px 0px 0px;
    background-color: #DDD;
    list-style: none;
    border-left: solid 1px #CCC;
    border-bottom: solid 1px #999;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    -moz-user-select: none;
    -khtml-user-select: none;
    cursor: pointer;
    font-family: sans-serif;
    font-size: 0.9em;
    font-weight: bold;
    color: #666666;
}


]]> Wed, 30 Dec 2009 17:32:06 +0000 https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12484.html#12484 <![CDATA[modify the css in Related Items : I am working on a website,product...]]> https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12483.html#12483 Author: BettyH
Subject: 3319
Posted: 30-December-2009 at 5:13pm

I am working on a website, product page here: http://www.snapbac.com/store/pc/Mens-Leg-Sleeve-2p9.htm
Greg Dinger has done a great job with the tabs display, however, if you look at the related items tab, you will see that the links are very hard to read. I need to change the color of these. Can anyone direct me to the proper file/css style for this? ]]> Wed, 30 Dec 2009 17:13:13 +0000 https://forum.productcart.com/modify-the-css-in-related-items_topic3319_post12483.html#12483