Return to previous page

Css - by harshchudasama - on WordPress WooCommerce support

This topic has 7 replies, 3 voices, and was last updated 6 years, 4 months ago ago by Olga Barlow

harshchudasama

Participant

December 8, 2017 at 23:19

1) in the below screenshots circles part is some shade of grey color, which is some default color on the site, it appears in forms, buttons and other elements,
i want to change that color on entire site, where ever it is used.

https://www.dropbox.com/s/i7bc7usgcnkyfky/Screenshot%202017-12-09%2003.43.08.png?dl=0

https://www.dropbox.com/s/5gqunit50409apw/Screenshot%202017-12-09%2003.42.38.png?dl=0

2) on order tracking page, the title is in white fonts, though theme is not in dark version, dark version is off still it’s white, refer the screenshot

https://www.dropbox.com/s/nnqwl8a1pu47ehn/Screenshot%202017-12-09%2003.47.17.png?dl=0

i want to change that color.

#179757 Copied

6 Answers

Olga Barlow

Support staff

December 9, 2017 at 12:26

Hello,

1) Go to Theme Options > Styling > Content > Form inputs background color and border
2) This color is set in element settings http://prntscr.com/hl5jk5 So, edit the page and check the styles of your text there.

Regards

#179768 Copied

harshchudasama

Participant

December 9, 2017 at 12:32

1) i’m not just talking about forms , that color also appears on dropdown on products pages, as you can see in my previous screenshot.

#179770 Copied

Olga Barlow

Support staff

December 9, 2017 at 13:17

Hello,

Have you tried to change that option? Try and let me know where the grey color still is after that. I’ll provide you code to change.

Regards

#179780 Copied

harshchudasama

Participant

December 9, 2017 at 13:27

please provide the code

#179781 Copied
Rose Tyler

Support staff

December 11, 2017 at 09:36
Hello,

Sorry for the delay due to the weekends. Hope you are having a nice day.
Please see screenshots http://prntscr.com/hlvezk > http://prntscr.com/hlvf30
also, you may add this code in Theme Options > Styling > Custom css:
```
.quantity.buttons_added span {
    background-color: white;
}
```
Let us know if you need any further assistance.

Regards
#179829 Copied
Olga Barlow

Support staff

December 11, 2017 at 10:14

Hello,

Use the following code in you don’t want to use the option and want to implement everything just by custom CSS
select, textarea.form-control, textarea, .select2-container .select2-choice, blockquote.style2, .cart_totals, .order-review, .select2-container--default .select2-dropdown, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-selection--single, .view-switcher .switch-list a, .view-switcher .switch-grid a, .pagination-cubic ul li a, .pagination-cubic ul li span, .sidebar-slider .swiper-entry .swiper-custom-right, .sidebar-slider .swiper-entry .swiper-custom-left, .single-product-booking .product-side-information-inner > div, #product-pager .owl-prev, #product-pager .owl-next, .product-lightbox-btn, .woocommerce table.wishlist_table .product-remove a, .single-tags a, div.fancy-select div.trigger, div.fancy-select ul.options, .carousel-area .owl-prev, .carousel-area .owl-next, .owl-image-carousel .owl-prev, .owl-image-carousel .owl-next, .swiper-entry .swiper-custom-left, .swiper-entry .swiper-custom-right, .sidebar-widget .tagcloud a, .widget_calendar thead th, .widget_calendar tbody td#today, .sidebar-widget.widget_product_categories .widget-title, .quantity.buttons_added span, input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="tel"], textarea {background-color: #8d8d8d;}

Regards

#179836 Copied
Viewing 7 results - 1 through 7 (of 7 total)