Change Secondary Color and , Product Space and Border

hi sir i buy your theme yesterday , i want to change color , Primary i changed , but Secondary color is not changing , I just put red in theme panel https://ibb.co/8cLrqH1 , but its not effecting , that default orange is still showing https://ibb.co/KhsRh6C

2nd , i want to put product border , how can i do that settings , like this sir https://ibb.co/N9f7k6F , there is space also each product , i do that , but space is not coming , and like this also for one product , when i open https://ibb.co/jMVx64v

Check screenshot sir, also below of the prodcut i need border , because image is not adjustable , showing big. https://ibb.co/dgWwzcp

Hello,

Thank you so much for purchasing our theme and contacting our support center.

1. Buttons colors should be customized separately in Theme Settings -> Styles & Colors -> Buttons.

2. First, you need to disabled the bordered grid option. Then, put the following code snippet to the custom CSS area in Theme Settings

.product-element-top,
.woocommerce-product-gallery__wrapper,
.product-image-thumbnail  {
  border: 1px solid rgba(129,129,129,.2);
}
.woocommerce-product-gallery--with-images > .col-12:first-child {
   padding-left: 17px;
   padding-right: 17px;
}

Kind Regards
XTemos Studio

hi sir , i changed, that working , but when i change position of image , there is no showing border, check screen shot plz https://ibb.co/2nz5JgP

Yes, this code is for the layout of the bottom thumbnails only. Which one you will use in the future?

hi sir , i will use this one.. https://ibb.co/2nz5JgP , but its not confirm, but for now i will use this.. i will save other code also, if my mind changed, i will use that,

Try to add the following CSS code too

.thumbnails.slick-slider img {
  border: 1px solid rgba(129,129,129,.2);
}

[Author]

Posts