[artisticdogParticipant]

How can I change text and button colors for my WooCommerce shop and cart pages?
X-Theme says it has full WooCommerce Intergration but I cannot find a way to make these changes. WooCommerce settings doesnt have the options and making changes via customizer dose not change the appearance either.
I have installed and tried the “WooCommerce – Colors” plugin but it would not override the X-theme settings.
Any help would be much appreciated. Thanks

[RupokMember]

Hi there,

Thanks for writing in! Would you please provide your URL first? Also point us the exact URL of pages your are trying to change. Clarify a bit which button/text you need to modify.

Thanks

[artisticdogParticipant]

This reply has been marked as private.

[RupokMember]

Hi there,

Thanks for updating and clarifying the problems.

You can add this under Custom > CSS in the Customizer.

/* Text color and background color for Options */

.single-product select, .single-product textarea, .single-product input[type="text"] {
  color: #fff;
  background: #dd3333;
}

/* Text color of inactive nav */

.single-product .x-nav-tabs > li > a {
  color: #ccc;
}

/* Text color of active nav */

.single-product .x-nav-tabs > .active > a, .single-product .x-nav-tabs > .active > a:hover {
  color: #fff;
}

Please adjust the colors with your own and add more CSS if needed.

Hope this helps.

Cheers!

[artisticdogParticipant]

This reply has been marked as private.

[LelyModerator]

Hello There,

You’re welcome.
Thank you also for the screenshots. Please add the following CSS via Appearance > Customize > Custom > CSS:

.woocommerce .quantity input[type="number"], .woocommerce-page .quantity input[type="number"] {
    color: #ffffff ;/*Quantity font color. Change your preferred color*/
}
.update .button,.update [type="submit"] {
    box-shadow: none;/*Remove gray box around cart button*/
}
table th, table td {
    border-top: 1px solid #1f1f1f; /*Change #1f1f1f to your preferred border lines*/
}

Hope this helps.

[artisticdogParticipant]

This reply has been marked as private.

[LelyModerator]

Hello There,

Yes that is ok. Sorry for the confusion for the last one. Please remove the following:

.update .button,.update [type="submit"] {
    box-shadow: none;/*Remove gray box around cart button*/
}

Then add the following instead:

.update.action-group {
    background-color: transparent !important;
    border: none !important;
}

Hope this helps.

[Author]

Posts