Home Forums Themes Support Gecko Product Image Background/Size and Meta Slider Icon Colors

Topic Resolution: Resolved

This topic contains 2 replies, has 2 voices, and was last updated by  charo 3 months ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #4345
    charo
    Supported

    Hello,

    I would like your help with a few minor things.

    1. My product images have a transparent background.  I would like to have a grey background on the images, both thumbnails and in the product preview.  Is there a way to make a global change so the back ground of all product images are the same without manually changing each photo?  I have worked around this by making the entire background a grey, but I would still like to know how to do it if it’s an option.

    2. My product images come a certain size, but they get cut off in the home page product thumbnails.  Is there a way to make a global change to make all the product images show at a certain percent smaller? Let’s say 90% so they don’t get cut off?

    3. The buttons on the Meta Slider: I would like the buttons to be yellow, but the border of the buttons is white and you cannot see the arrows against the yellow.  Is there a way to change the accent color of the icons and wording on the Meta Slider to black instead of white?

    I may have some other questions as I continue to build the site. Thanks in advance for your help!  🙂

    • This topic was modified 3 months ago by  Harry.
    #4349

    Hi,

    1. You can add default grey background for all of your product by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

    .product-image.pr, .single-product-thumbnail .p-item,  .p-nav img { background: #d2d2d2; }

    Change #d2d2d2 with your color

    2. I saw your product images are square, i help you  changed config of images dimension in WooCommerce > Settings > Product > Display > Product Image

    I changed to square and regenerate thumbnail at Tools > Regenerate.

    3. You can change button to yellow with border white and color on slider by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

    a.button-o-w { background: #dd8500;}

    .metaslider .flexslider .caption-wrap h2, .metaslider .flexslider .caption-wrap h3, .metaslider .flexslider .caption-wrap h4 {color: #000;}

    .flex-prev::before, .flex-next::before { color: #000;}

    Best regards

     

     

    #4350
    charo
    Supported

    Thanks so much!  Incredibly helpful!

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.