Product photo frame size too small

Home Forums All Other Themes Product photo frame size too small

Tagged: 

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #179916
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

    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?

    IMG-5934

    How can I change the “Add to Cart” background color?
    IMG-5935

    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
    IMG-5936

    #179921
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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

    #179947
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

    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

    #179967
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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:support@sktthemes.com 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

    #180056
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

    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

    #180103
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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

    #180106
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

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

    #180110
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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

    #180111
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

    Screen-Shot-2021-06-15-at-11-03-52-pm
    Screen-Shot-2021-06-15-at-11-04-15-pm
    IMG-6093
    IMG-6094
    IMG-6095
    Screen-Shot-2021-06-15-at-11-12-01-pm
    Screen-Shot-2021-06-15-at-11-12-04-pm

    #180112
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    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

    #180113
    Sandy TsoiSandy Tsoi
    Participant
    • Topics: 6
    • Replies: 26
    • Total: 32
    Member since: April 26, 2021

    alright. It fixed.

    Thank you so much.

    #180146
    Forum ModeratorForum Moderator
    Participant
    • Topics: 0
    • Replies: 27276
    • Total: 27276
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Chris

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.