Add to cart text color?

[tobbler]

How I can change the "add to cart" text color?

 

when I change the color in the exclusive button than it changes more than the "add to cart" text.

 

 

/* exclusive button */
input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,
input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,
a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,
span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large {
   color: white!important
}

[Carolina Custom Designs]

Since this varies greatly from theme to theme we will need to know what PS version you are using and what theme you are using. If you can provide a URL it should be easy to tell you how to do it.

 

Marty Shue

[tobbler]

it's the standart theme PrestaShop™ 1.4.8.2 . Thanks a lot!

[tdr170]

No a url to your site not the theme !

[tdr170]

Give this is try, copy and paste the code below to just below the section in your first post of global.css.

 

This should be pasted at around line 515

 

 

/* exclusive button */

a.exclusive{

color: white!important

}

 

 

Should look like this:

 

 

/* exclusive button */

input.exclusive_mini, input.exclusive_small, input.exclusive, input.exclusive_large,

input.exclusive_mini_disabled, input.exclusive_small_disabled, input.exclusive_disabled, input.exclusive_large_disabled,

a.exclusive_mini, a.exclusive_small, a.exclusive, a.exclusive_large,

span.exclusive_mini, span.exclusive_small, span.exclusive, span.exclusive_large, span.exclusive_large_disabled {

color: #000000!important

}

 

/* exclusive button */

a.exclusive{

color: white!important

}

 

A couple of sections below is /* exclusive hover button */ to change the hover color try changing here.

color: #000000 !important (black)

color: red !important (you can use standard colors without the hashtag in front)

[tobbler]

thanks tdr170. It helped me to find one of it and I changed the color white into green from the "add to card" button in the product level.

 

/* exclusive button */
input.exclusive{
color: green!important
}

 

Then you must also change the hover button if you want.

 

/* exclusive hover button */
input.exclusive:hover{
color: green!important
}

 

But this didn't change the "add to card" button in the first level of the categories. The "add to card" button in the

first level of categories and the "order" button use the same(a.exclusive).

If you use the "a.exclusive" button then it changes the color of the "order" button right in front too.

 

How I can seperate the color of "order" button from the "add to card" buttons in first level of the categories?

[Dh42]

IT is a graphic.