Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3676049
Colors , Final Adjustments
Closed

Comments

  •  11
    Nuno started the conversation
    June 28, 2024 at 5:09pm

    Hello.

    I need to understand where i can change the colors to pink as the on atached .

    One is the add to cart after choosing the product options

    other is add to basket in black before choose product options to pink (or other color of course)

    Kindly see the screenshot atached.

    I already tried to search by add to cart but there so many options related to colors can't point out the correct one :(

    i am looking forward to hearing from you

    best regards

    nuno

    Attached files:  add to basket after choose product options.png
      add to basket_pink.png
      add to basket.png

  •  2,661
    PenciDesign replied
    June 28, 2024 at 6:14pm

    Hi,

    Please go to Appearance → Customize → WooComerce → Colors: change the following options:

    - Product Item Style 3 Add To Cart Background Color,

    - Product Item Style 3 Add To Cart Hover Background Color

    Regards,
    PenciDesign.


  •  11
    Nuno replied
    June 28, 2024 at 6:27pm

    Hello.

    Those configurations was already there before. should work like that? because there are some that are working only those ones from the screenshots.

    kindly check my screenshot

    Attached files:  already was that.png

  •  2,661
    PenciDesign replied
    June 29, 2024 at 2:21am

    Hi,

    Please send me the URL of the page that contains this color. I've checked your site, and all the colors are already showing as pink.

    Regards,
    PenciDesign.


  •  11
    Nuno replied
    June 29, 2024 at 8:29am

    it's on all categories and when browsing the preview of the products .

    When add to cart. Not any specific page

  •  2,661
    PenciDesign replied
    June 29, 2024 at 5:34pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .woocommerce a.button.alt.disabled,
    .woocommerce a.button.alt:disabled,
    .woocommerce a.button.alt:disabled[disabled],
    .woocommerce a.button.alt.disabled:hover,
    .woocommerce a.button.alt:disabled:hover,
    .woocommerce a.button.alt:disabled[disabled]:hover,
    .woocommerce button.button.alt.disabled,
    .woocommerce button.button.alt:disabled,
    .woocommerce button.button.alt:disabled[disabled],
    .woocommerce button.button.alt.disabled:hover,
    .woocommerce button.button.alt:disabled:hover,
    .woocommerce button.button.alt:disabled[disabled]:hover,
    .woocommerce input.button.alt.disabled,
    .woocommerce input.button.alt:disabled,
    .woocommerce input.button.alt:disabled[disabled],
    .woocommerce input.button.alt.disabled:hover,
    .woocommerce input.button.alt:disabled:hover,
    .woocommerce input.button.alt:disabled[disabled]:hover,
    .woocommerce #respond input#submit.alt.disabled,
    .woocommerce #respond input#submit.alt:disabled,
    .woocommerce #respond input#submit.alt:disabled[disabled],
    .woocommerce #respond input#submit.alt.disabled:hover,
    .woocommerce #respond input#submit.alt:disabled:hover,
    .woocommerce #respond input#submit.alt:disabled[disabled]:hover {
      background-color: #EE2993;
    }

    Regards,
    PenciDesign.



  •  11
    Nuno replied
    June 30, 2024 at 10:58am

    Hello

    It did not work.. 

    Its after load and choose the options (size, etc) the hoover and the button is black and red.

    kindly check the screenshot atached

    Attached files:  add to basket when hover.png
      add to basket 1.png

  •  2,661
    PenciDesign replied
    June 30, 2024 at 2:56pm

    Hi,

    Have you cleared all the browser cache? I've checked, and the pink background color is already showing.

    Regards,
    PenciDesign.

  •  11
    Nuno replied
    June 30, 2024 at 3:00pm

    yes I already cleared, also in cloudfare.  But still with the red and black :( strange.


    Now the single product when add to cart it's not added. It keeps spinning after add to cart. Kindly check atached.

    Attached files:  Screenshot_20240630_155811_Chrome.jpg

  •  2,661
    PenciDesign replied
    June 30, 2024 at 5:12pm

    Hi,

    1. Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .woocommerce #respond input#submit.alt,
    .woocommerce a.button.alt,
    .woocommerce button.button.alt,
    .woocommerce input.button.alt {
      background: #EE2993;
    }
    .woocommerce #respond input#submit.alt:hover,
    .woocommerce a.button.alt:hover,
    .woocommerce button.button.alt:hover,
    .woocommerce input.button.alt:hover {
      background: #EE2993;
      opacity: 0.9
    }

    2. The "Add to Cart" button doesn't work because the Astra Mobile Cart plugin contains a JS issue. You need to disable the AJAX cart by going to Appearance → Customize → WooCommerce → Single Product, and turning on the "Disable Single Product Ajax Add to Cart" option..

    Regards,
    PenciDesign.



  •  11
    Nuno replied
    June 30, 2024 at 7:15pm

    Hello

    It's working now. no more red or black.

    FYI  - i was trying to disable the single product ajax add to cart but it was already disabled. i just added the .css you provided.

    Many thanks. 

    You can close this one. 

    Happy Sunday!