Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.

Okay
  Public Ticket #1070626
Product Css customization
Closed

Comments

  •  2
    greatgreens started the conversation

    Hello I am working on the gem and I have 3 questions :

    1) How can I remove/ change the hover blue gradient in the homepage featured products page?

    2) In your online shop demo http://codex-themes.com/thegem/shop-03/ if you hover over the "whats new" products section, I different product picture will slide. How can I achieve that? I tried adding gallery pictures and disable the "Disable hover with alternative product image" and when I save the product, it will automatically rechecked it again. (Not sure if this is how you achieve the sliding picture tough, so please advise on those 2 items.

    3) How to remove/change the icon and hover blackish  gradient color when hovering over the product images. I am a web developer so Im pretty familiar with css, html and all that. thanks

  •  432
    Sergio replied

    HI!

    1) pls. use following css:

    /*change color*/
    .products .product-image .woo-product-overlay {
        background: rgba(255, 255, 255, 0.3)!important;
    }
    /*remove color*/
    .products .product-image .woo-product-overlay {
        background: transparent!important;
    }

    2)You need to add an image in the product edit mode (screen 093)

    3) Not quite sure what do you mean. Can you pls. provide more details (screenshot)?

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    greatgreens replied

    3) Explained ..... 

    in the product paga, there is a blackish overlay with a camera photo icon in the middle, I really want to change and or remove that, what would be the easiest way to do that. please see screen shot at the bottom. thanks

  •  432
    Sergio replied

    HI!

    1) To change the icon (you can take the css code: http://codex-themes.com/thegem/wp-content/themes/thegem/fonts/icons-fonts-info.html) pls. use following css:

    .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
        content: '\e60e'!important;
    }

    2)To remove an icon pls. use following css:

    .gem-gallery-hover-default .gem-gallery-preview-carousel-wrap .gem-gallery-item a:after {
        display:none!important;
    }


    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  •  2
    greatgreens replied

    Thank you so much!