Return to previous page

Change of Font - by intelisystems - on WordPress WooCommerce support

This topic has 8 replies, 3 voices, and was last updated 8 years, 4 months ago ago by Eva Kemp

intelisystems

Participant

June 30, 2016 at 21:38

Hi,

I have multiple questions:

I would like to change Font to Arial and its color to darker color.
So, I set all the fonts to Arial and color to #141414.

However, all the fonts are still “Raleway”, not Arial.
Also, many of colors are not changed (Ex. http://kokiecosmetics.com/about/)
How do I change this? Do I have to work on Style.css?

Another issue is whenever I try to work on Style.css at Appearance>Editor, it becomes very slow or sometimes screen is frozen. Is there any way to improve this?

Last, I would like to change color of Add To Cart button on Single Product Page and would like to change color of pagination on Products Page.

Thank you in advance.

Please, contact administrator
for this information.

#131998 Copied Theme version: 2.8 WooCommerce version: 2.6.1

7 Answers
Robert Hall

Support staff

July 1, 2016 at 07:43
Hello,

1) Please try to add this code in Theme Options->Custom CSS->Global Custom CSS.
```
body, p, a, h1, h2, h3, h4, h5, h6{
font-family: Arial, sans-serif !important;
color: #141414 !important;
}
```
2) We don’t recommend you to edit default style.css.
You can add all CSS changes in Theme Options->Custom CSS or use the Child Theme.
https://codex.wordpress.org/Child_Themes

3) Please use this code in Global Custom CSS.
```
.product-information .cart button[type="submit"] {
    color: white !important;
}
.pagination-cubic li span.page-numbers.current {
    color: #FFF !important;
}
```
Regards,
Robert Hall
#132032 Copied
intelisystems

Participant

July 1, 2016 at 19:04

Hi,

Thank you for your help.
It is working well now.

However, I have another couple of issues after changing font color.

First, on the Products Page like http://kokiecosmetics.com/product-category/nails/, if I put mouse over “Add To Cart” button, I cannot see the text because color of the button becomes dark similar to the text color.

Second, on the Single Product Page like http://kokiecosmetics.com/product/rg301embellish-mint/, I cannot see the text on the Add To Cart button because color of the button is dark similar to the text color. When I put mouse over the button, button color becomes red and text becomes white and there is no problem.

So, can I combine this two case as follows?
“Add To Cart Button” On the Products Page and Single Product Page:
1. Button Color is white for Single Product Page.
2. When I put mouse, button color becomes red and text becomes white for Products Page

Thank you for your help in advance.

Please, contact administrator
for this information.

#132165 Copied Theme version: 2.8 WooCommerce version: 2.6.1
Eva Kemp

Support staff

July 2, 2016 at 09:01
Hello,

1. Add this code in Global Custom CSS:
```
.btn.product_type_simple:hover {
    color: white !important;
}
```
2. Please use this css code:
```
.product-information .cart button[type="submit"] {
    color: white;
}
```
Regards,
Eva Kemp.
#132203 Copied
intelisystems

Participant

July 2, 2016 at 15:25

Hi,

Thank you so much for your help.

Now, I have one last issue for Single Product Page.

I still cannot see the text on the Add To Cart button because color of the button is dark similar to the text color. (When I put mouse over the button, I don’t have a problem.)

I would like to change button colore to white.

Please, contact administrator
for this information.

#132240 Copied Theme version: 2.8 WooCommerce version: 2.6.1

Eva Kemp

Support staff

July 3, 2016 at 08:58

Hello,

The issue has been fixed.
Please check single product page now.

Regards,
Eva Kemp.

#132266 Copied

intelisystems

Participant

July 4, 2016 at 16:32

Yes.

Thank you so much for your help!!

#132421 Copied

Eva Kemp

Support staff

July 4, 2016 at 16:37

Hello,

You’re welcome.

Regards,
Eva Kemp.

#132424 Copied
Viewing 8 results - 1 through 8 (of 8 total)