Unreadable titles - Unable to change text colour on cart page. « Support Forum | Kriesi.at

Support Forum » Propulsion

Unreadable titles - Unable to change text colour on cart page.

10 posts from 5 voices

Started 8 months ago by summerrane
Latest reply from Devin
This topic is closed
This topic is resolved

Tags:

summerrane
Member

Hi, there are two boxes on my cart page (http://www.loveharlem.com/cart/) where I cannot read the titles as they match the box background.

Under 'cart totals' there are 3 black boxes. The middle box shows the 'shipping' title fine but the boxes above and below where it should say 'cart subtotal' and 'order total' are unreadable.

I've tried to change the text colour but the only attribute that applies to this text appears to be 'strong' so if I change it, it changes a multitude of text elsewhere.

Any suggestions would be very welcome.

Thank you

Posted 8 months ago #
Mya

Hi summerrane,

Try this:

.cart-subtotal strong { color: #FFFFFF !important; }

Regards,
Mya

Posted 8 months ago #
summerrane
Member

Thanks Mya. That partially worked for the titles but then the amount figures also turned white and became unreadable against the light background.

Is there any custom css that makes the titles one colour but the amount another? I tried to use the above attributes on .amount but it didn't seem to work? In the meantime I'm playing with some colours.

Thanks,

Posted 8 months ago #
Mya

My bad. I forgot to include the TH so instead of what I listed above use this:

.cart-subtotal th strong { color: #FFFFFF !important; }

Regards,
Mya

Posted 8 months ago #
summerrane
Member

That worked perfectly! Thank you!

Posted 8 months ago #
Ismael
Moderator

Hi summerrane,

Glad that Mya helped you. :)

Cheers,
Ismael

Posted 8 months ago #
beccaslough
Member

I am having a similar problem ie the numbers in the CART TOTAL and the ORDER TOTAL are white on a white background, I need to change the colour of the numbers to a darker colour. I have tried the suggestion above :

.cart-subtotal th strong { color: #40154d !important; }

and it doesn't change the colour. Please can you help?

Posted 3 months ago #
Ismael
Moderator
Hi beccaslough,

Try to use this code:
```
.amount {
color: #000 !important;
}
```
Just change the color value.

Regards,
Ismael
Posted 3 months ago #
beccaslough
Member

B-I-N-G-O!

Thank you v v much Ismael - you have sorted it out for me. Much appreciated.

Posted 3 months ago #
Devin
Moderator

Glad Ismael could help :)

Let us know if you have any other questions or issues.

Regards,

Devin

Posted 3 months ago #