Price info colour on product page

Support
#1

Hey, the colour of my price info (/month) and also the colour of my product category is white for some reason.

Maybe because I changed it to white on my shop site.

www.korkenfreunde.at/shop

Here is my CSS:

input.wpcf7-form-control.wpcf7-submit {background-color: #e95242 !important; box-shadow: 0 0em 0 0 rgb(175, 175, 171), 0 4px 9px rgba(142, 141, 141, 0.75) !important; color: #fff !important;}

.tco-subscribe-form input[type=“submit”] {
box-shadow: none;
}
@media(max-width: 767px) {
.x-container .x-column:not(:last-child) {
margin-bottom: 2.4em !important;
}
}

.woocommerce .woocommerce-price-suffix {
color: #ffffff !important;
}

.single .woocommerce-price-suffix {
color: #000 !important;
}

.subscription-details {
color: white;
}

.woocommerce-error .button {
color:#fff;
}

body.woocommerce-account .entry-content a {
color: #3d4c95;
}

@media(min-width:767px){
.u-columns, #customer_login {
display: flex;
justify-content: space-around;
}
}

div#customer_details {
margin-right: 4%;
}
div#customer_details, #order_review {
width: 48%;
float: left;
}
h3#order_review_heading {
margin-top: 0; /* To align header*/
}

.woocommerce-checkout form input[type=“checkbox”] {
margin-left: 0px;
}

@media only screen and (max-width: 800px) {
.woocommerce-checkout div#customer_details {
width:100%;
float:none;
margin: 0;
}
.woocommerce-checkout div#order_review {clear:both;width:100%; float:none;}
.woocommerce-checkout .woocommerce-checkout form h3#order_review_heading {
margin-top: 0;
}
.woocommerce .select2-container {
width: 100% !important;
}
}

.woocommerce li.product .onsale {
font-size: 9px;
}

.woocommerce-account .woocommerce .button {
color: #fff;
}

any ideas?

#2

Hi There,

Did you add this custom CSS?

a:visited {
    color: #fff;
}
a:link {
    color: #fff;
}
a:visited {
    color: #fff;
}
a:link {
    color: #fff;
}

It will change the color of all links to white. Please remove them.

Thanks.

#3

Ok I change it, but how can I just make links in the footer white?
and also the “/month” text next to the price is still white, because it´s not a link.

any ideas?

#4

Hi,

  1. To make the links white in your footer, you can add an inline style to it.

eg.

<a style="color:#fff;" href="www.korkenfreunde.at/agb/">AGB</a>
  1. To change the color of the text next to the price, you can add this css code.
.price .subscription-details {
    color: #000;
}

In case you want to learn css kindly refer to the links below


Hope this helps

#5

but its black on the shop page as well.

I have this in my CSS now:

.price .subscription-details {
color: #000;
}

.subscription-details {
color: white;
}

#6

Hey @nikolaus.kemetner,

I have checked your other threads and it looks like you have a lot of customization requests. I have already have given some guidance regarding this topic in this thread.

Also in that thread, I said that custom development is outside the scope of our support. Please consult with a third party web developer for this.

Thank you for understanding.

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.