Product photo frame size too small

[Sandy Tsoi]

Hi,

The product circle frame is too small when browing on Mobile device. Is it possible to make the circle frame larger so the product image can be enlarged?

https://ibb.co/YpwqGZz

How can I change the “Add to Cart” background color?
https://ibb.co/pQHSsqk

How can I change the title last two words? I want to make the color of “Bosu” to Red and “Sushii” Black. In the SKT builder, it only allow you to change the last title color.

https://ibb.co/gd1z1Mx
https://ibb.co/tYWQL70

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

@media screen and (max-width:479px) {
body.woocommerce-page ul.products li.product .product-thumb {
    height: 320px !important;
    width: 320px !important;
}
.woocommerce a.button {color:#e60211 !important;}
}

Regards,
Chris

[Sandy Tsoi]

Hi Chris,

Thanks for the reply.
For the button color, i made the changes of the color of below. But it only reflected to Mobile device not desktop?

woocommerce a.button {color:#fffff !important;
background: #9A6324 !important;}

Please reply to my previous question:
How can I change the title last two words? I want to make the color of “Bosu” to Red and “Sushii” Black. In the SKT builder, it only allow you to change the last title color.

Screen-Shot-2021-06-10-at-10-27-30-pm

[Sonl Sinha]

Hi,

Kindly use this CSS for desktop

.woocommerce a.button {color:#e60211 !important;}

How can I change the title last two words? I want to make the color of “Bosu” to Red and “Sushii” Black. In the SKT builder, it only allow you to change the last title color??

Ans: Kindly send us your URL of the site and WordPress admin details (Username & Password) via email:[email protected] Please mention this forum URL while replying so that we understand what needs to be done.

We’ll check and revert back to you.

Regards,
Chris

[Sandy Tsoi]

Hello

The Add to cart button color only reflected on mobile device not desktop.

Also, the color doesn’t change on the individual product page and the check out page both on mobile and desktop.

Sandy

[Sonl Sinha]

Hi,

Kindly use this CSS to change color in all devices

.woocommerce span.onsale, .woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background: #9A6324 !important;
}

Regards,
Chris

[Sandy Tsoi]

All icon color changed but only works on mobile not desktop.

[Sonl Sinha]

Hi,

Can you send us the screenshot of Both devices mobile and desktop? Upload your screenshot on https://imgbb.com/ and paste the share url here.

Regards,
Chris

[Sandy Tsoi]

https://ibb.co/bz3rrvr
https://ibb.co/0BNcBqm
https://ibb.co/hV6yz12
https://ibb.co/6PLThs3
https://ibb.co/SQZgwVk
https://ibb.co/C1HfvxV
https://ibb.co/x6xr0hH

[Sonl Sinha]

Hi,

This is done.

You didn’t add the CSS properly, the closing tag of the CSS was missed. therefore CSS wasn’t working.

Regards,
Chris

[Sandy Tsoi]

alright. It fixed.

Thank you so much.

[Sonl Sinha]

Hi,

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Chris

[Author]

Posts