WooCommerce CSS

Home Forums Panaroma Forum WooCommerce CSS

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #92160
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018

    I am trying to disable the WooCommerce CSS but am unable to make an Update to the Theme Functions file to do so. How can I force WooCommerce to use Panorama CSS settings for background, font, and headings? And I need to be able to adjust the button color for WooCommerce too.

    Thanks!

    #92302
    SKT Themes
    Keymaster
    • Topics: 8
    • Replies: 6817
    • Total: 6825
    Member since: June 12, 2013

    Kindly show us the WooCommerce page URLs where you want the changes to happen.

    Regards,
    Shri

    #92350
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018
    #92416
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

    Add this code there:

    .woocommerce div.product .product_title, .woocommerce div.product form.cart .variations label, #alg-product-input-fields-table label, #tab-additional_information h2 { color:#000 !important;}
    .woocommerce button.button.alt.disabled { background-color:#00aced !important;}
    .strip_template figure { overflow:visible !important; z-index:1 !important; width:66%; height:auto;}

    Regards,
    Chris

    #92502
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018

    this is perfect – thank you so much!

    #92548
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi Tim,

    If you found our service good kindly review us here: https://www.sktthemes.org/forums/topic/reviews-and-testimonials/page/14/

    Regards,
    Chris

    #94692
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018

    Hello, still having issues with WOOCommerce CSS – as described here: https://www.sktthemes.org/forums/topic/woocommerce-product-image-missing/

    Clicking into the product shows no product images at all. I have a set product image and several in the image library.

    aaaaaa

    #94714
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.

    Regards,
    Chris

    #94766
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018

    Here is a screenshot of the issue:

    Screenshot

    Notice that there are only the Related Products images and the actual images for the Basic Polo are not displaying.

    #94820
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Layout Settings >> Custom CSS Box:

    Add this code there:

    .woocommerce-product-gallery__wrapper { position: relative !important; z-index: 1 !important;}

    Regards,
    Chris

    #94880
    tim19
    Member
    • Topics: 2
    • Replies: 6
    • Total: 8
    Member since: January 11, 2018

    Thank you, that helps get the image back. It now uncovers another issue though. When I click the image gallery for the product, the image should replace the existing product image. In the current theme it pops up the image but does not stay on the same page.

    This is how it should work: Girls Shirt

    This is how it is working on my site: Polo Shirt

    Thank you so much for your help! I love everything else about the theme!

    #94891
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25522
    • Total: 25522
    Member since: August 16, 2013

    Hi,

    Kindly edit functions.php file, scroll down to bottom and paste code there:

    add_theme_support( 'wc-product-gallery-lightbox' );

    Regards,
    Chris

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