Some style changes 2

Hello

See attachment --> for my questions.

1. I would like to change the color from the beam.
2. Is it possible the change the grey background color and the black text into different colors?
3. I would like to change the font style into lettertype century gothic.

Thank you.

 

Hello maggie!

Please paste the code given below in Custom CSS section
(Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

Code:

.page_heading_container {
  background: red;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
  background-color: green !important;
  color: white !important;
  font-family: Century Gothic !important;
}

Thanks,
Praveen

 

Hello Praveen,

Thank you but the changes I have mentioned in the attachment (with the red circle around it) aren't changing.

Can you help me out?

 

Hello maggie!

I am unable to find the product page that you have mentioned in your query.
Could you please provide me the product page url so that I can help you in resolving your issue?

Thanks,
Praveen

 

http://test.aangepastwonen.info/product/trapspilbeugel/

And the beam in the head appears when you remove something from the cart.
I this case I added "Douchezitting met verkorte zitdiepte" and removed it and than it will appears in top.

Thank you.

 

Hi,

Kindly use the below code:

Code:

.woocommerce div.product .woocommerce-tabs ul.tabs li {
  border: 1px solid #919191 !important;
  background-color: #0FCD20 !important;
}
div#tab-description h2 font {
  font-family: century gothic;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  color: #E81F1F !important;
}
woocommerce-message a {
color: white !important;
font-family: Century Gothic !important;
}
.page_heading_container {
  background: red;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info {
  background-color: green !important;
  color: white !important;
  font-family: Century Gothic !important;
}

Regards,
Sameer

 

Thank you.

http://test.aangepastwonen.info/product/trapspilbeugel/

Is it also possible to change the title "extra informatie" in the same style as "productomschrijving"?

 

Hi,
To change it kindly use the below code:

Code:

.woocommerce div.product .woocommerce-tabs ul.tabs li a font {
  font-family: century gothic;
}

Regards,
Sameer