Tabbed Products Pro (TPP) Contrib - Official Thread

Hi qhome,

I have been trying to change the tab headers to be white with no borders. I was trying to add a background gradient. But...when I get the center box heading to change, it changes it on my main page as well, new products, featured products, etc. Is there any way to only change the headings on the tabbed items only?
The following link is something like what I want. How the heading and and the info have the same color background. My background color, image is different of course but it's the same idea.
http://www.zen4me.com/demo/zm0025/in...products_id=36

Thanks,
Kelly

Quote:

---

Originally Posted by sleepless

Hi qhome,

I have been trying to change the tab headers to be white with no borders. I was trying to add a background gradient. But...when I get the center box heading to change, it changes it on my main page as well, new products, featured products, etc. Is there any way to only change the headings on the tabbed items only?
The following link is something like what I want. How the heading and and the info have the same color background. My background color, image is different of course but it's the same idea.
http://www.zen4me.com/demo/zm0025/in...products_id=36

Thanks,
Kelly

---

Hi Kelly,

By default, the zen-cart "centerBoxHeading" is used for both the Monthly boxes on the main page, and the headers on modules on the product display info page. Normally, if you didn't use tabs, you would see blocks for customers also purchased and cross sell, which would also have the same "centerBoxHeading" css class.

So for the tabs, I am really just following the same structure as zen-cart.

Now, for a possible solution:

Aside from class tags, there are also id tags for each of those headers so you should be able to add some override colors/images for those specific ids in your stylesheet.css file (at the bottom).

You can find the id's of those divs in your page source, but something like (tho i'm not 100% sure)

Code:

---

#ProductsDescriptionHeader1, #ProductsDescriptionHeader2, #ProductsDescriptionHeader3, #ProductsDescriptionHeader4, #alsopurchased.h2, #crossSell.h2
{
  background-color: #xxxxxx;
}

---

Hi qhome,

Thanks for the reply. I tried the tags already and it doesn't work. I will come up with something else to do so it looks okay on both. :smile:

Thanks again,
Kelly

qhome, thanks for the outstanding support!
Sent you a donation:)

Quote:

---

Originally Posted by kbalona

qhome, thanks for the outstanding support!
Sent you a donation:)

---

Why thank you :) Much appreciated :P

Hi,
some one know how i can increase the space between the text product description and the Tab Headers ?

thanks

Quote:

---

Originally Posted by Paul74

Hi,
some one know how i can increase the space between the text product description and the Tab Headers ?

thanks

---

you can add:

Code:

---

.productGeneral{
  padding: 10px;
}

---

to stylesheet_tpp.css

Qhome

You helped me with putting a box to point to the personalization tab at the bottom.
However you helped me also re-arrange the tabs.

http://www.allforyourwedding.com/~no...oducts_id=1418

Now I might be thinking that pointing to the Options area if its on the tab after additional images might be to much work, perhaps you could give me the code to put additional images after the 2nd tab again to make the additional box work properly since I think that is a more important mod.

Hi, someone have try to tabbed ask a question add-on ?

This is just what I am looking for, I just have one issue. I know it is late and I may have over looked it but what directory do I install this application in?