How Can I Change The Style Of The Tabs Buttons Of The Product Extra Tabs Pro?

[Tasifama]

How can I change the style of the tabs buttons of the Product Extra Tabs Pro? 

 

I have Prestashop 1.6

 

Please see the attach photos for more details.

 

 

 

 

 

 

Thanks

[Paulito]

Hello

 

What class do they use?

 

I think for questions like these you need to give a URL

 

It would be so much easier for forum members to help you.

 

Paul

[Tasifama]

Hello, Paul

 

Thanks for you replay.

 

 

 

 

I've post some clear pictures of the issue on this topic so if you are a person that have enough knowledge you should know exactly what to advise to solve the issue and no need any link to solve any simple issue like this.

 

 

Sorry but at this moment I can't provide link of my website.

 

 

if you are able to advise any idea to solve this issue you are welcome. 

 

 

Thanks

Edited November 24, 2015 by clintonsnow (see edit history)

[Paulito]

Hello again

 

If you are using a Paid for module then the developer may use their own rules:

 

You could perhaps use something like this:

 

#home-page-tabs > li.active a, #home-page-tabs > li a:hover {background: #c20000;}

 

Result:

 

http://screencast.com/t/uYB7nBbeD

 

Paul

[Tasifama]

Sorry Paul but think that are so confuse about the issue I've post on this forum.

 

The information that you advise me it doesn't work at all for this issue.

 

if you are not sure or you don't know about the issue I've post  I'll advise not post on my topic, there are a lot others members on this forum that they can provide the right advise on this topic. 

 

 

thanks

[Paulito]

Hello again

 

I am so sorry I wasn't able to give you the answer you wanted, so with this in mind and to keep everything amicable, I will, as you suggest, stop trying to help you.

 

https://www.prestashop.com/forums/topic/479933-how-can-i-change-the-color-of-this-black-top-bar-on-prestashop-16/

 

mea culpa mea culpa mea maxima culpa

 

Paul

[razaro]

Hi clintonsnow

 

could you be bit more polite to Paulito he is trying to help you and I think he replayed to few of your topics.

And from image you can get an idea but for right code, so correct class and structure you need to check website.

 

For example check this

 

 

 

you see I put just simple ul > li  > a but I do not know what class you use for ul element . 

[Tasifama]

Hello, razaro

 

Thank you for your replay.

 

 

Sorry guys it wasn't my intention to be not polite with Paulito, my apology if wrote sometime inappropriate about Paulito.

 

Paulito, my apologys for you, for me you always are nice welcome and I do appreciate you help on my topics.

 

 

Coming back to my topic about the "Product Extra Tabs Pro"

 

Product Extra Tabs Pro

 

Razaro, I will try what you advise me to do.

 

 

 

Thanks

[Tasifama]

Hello, razaro

 

 

I've been trying to change the style of the tabs buttons for the Extra Products tabs but it doesn't work

 

 

I've try what you advise me but it doesn't change the button styles 

 

Do you any other idea how to change the styles of the button for the Extra Products tabs?

 

 

Here at this link you can see the buttons of the Extra Products tabs that I have now but I would like to change it to other style tabs buttons.

 

http://addons-store.pswebshop.com/en/evening-dresses/4-printed-dress.html

 

 

 

 

 

Thanks

[razaro]

Ok try this just note for selected tab I just but single color but you may change that to gradient.

Use http://www.colorzilla.com/gradient-editor/

.idTabs a {
    font-family: "Open Sans",sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 60px;
    position: relative;
    margin: 0 0 20px;
    color: #000;
    padding: 14px 20px 17px;
    margin-right: 5px;
    text-transform: none;
    border: 1px solid #50719E;
    border-radius: 6px 6px 0 0;
    background: #fafbfd;
    background: -moz-linear-gradient(top, #fafbfd 1%, #fafbfd 22%, #dee5ed 47%, #c0ccdc 67%, #c0ccdc 100%);
    background: -webkit-linear-gradient(top, #fafbfd 1%,#fafbfd 22%,#dee5ed 47%,#c0ccdc 67%,#c0ccdc 100%);
    background: linear-gradient(to bottom, #fafbfd 1%,#fafbfd 22%,#dee5ed 47%,#c0ccdc 67%,#c0ccdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafbfd', endColorstr='#c0ccdc',GradientType=0 );
}

.idTabs .selected {
    color: #fff;
    background: #50719E;
    border-bottom-color: #50719E;
}

[Tasifama]

Razaro

 

Thank you for your replay.

 

 

 

I will try what your advise and I'll let you know the result after my test.

 

 

 

Thanks

[Tasifama]

Hello, Razaro

 

Thank you so much for your advise I’ve made the change successfully. 

 

The code you advise me to use it work perfectly fine to change the tabs buttons. 

 

I access this

 

themes/default-bootstrap/css/global.css.

 

 

 

[Tasifama]

Hello Razaro

 

I've been searching the right tab buttons style for my website Prestashop 1.6 and I found the right one.

 

Please see the website I found with the right tab buttons at this link

 

http://www.tigerdirect.com/applications/SearchTools/item-details.asp?EdpNo=9864168&CatId=4935

 

How can I make these tab buttons?

 

[Tasifama]

I already removed from my website the "Prestashop Product Extra Tabs Pro".  this is the worse product I ever bought for my website, I did many try to make it work on my website but it doesn't work at all.