Products grid or carousel Wine demo

Hello,

I’m actually using the Wine template however the imported demo is different than the original one present on your website https://demo.xtemos.com/basel/home-wine/. You can see the differences on the screenshot.

I would like to have the same design with the wine demo for that:
– I would like to remove the line under the product title
– Center the title in the middle (and not left)
– Remove the little cart icon
– Add a line under the ‘add to cart’

Thank you in advance,

Regards,

Attachments:

You must be logged in to view attached files.

The second screenshot of your template.

Attachments:

You must be logged in to view attached files.

Hello,

Thank you very much for choosing our theme and for contacting us.

Шnstalling demo content doesn’t create site that is identical copy of our demo site because it has a big number of pages and images that take to much time to complete.
Most images you see on our site are not included in our theme package and will not be imported. Please upload your images and your site will get almost the same as the demo. The structure is the same.

Best Regards

Hello,

Thank you for your reply.

Please kindly see the screenshot that I provide. I am not speaking about the image here, I am speaking about the structure, and the structure is not the same (red square on the screenshot show the difference).

I would like to have the same structure (not the image) for that:
– I would like to remove the line under the product title
– Center the title in the middle (and not left)
– Remove the little cart icon
– Add a line under the ‘add to cart’

Thank you for you understanding,

Regards,

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-hover-alt.purchasable .wrapp-swap {
    text-align: center;
}
body .wrapp-swap {
    display: block;
    width: 100%;
}
body .basel-hover-alt .product-title {
    text-align: center;
}
 .basel-hover-alt.purchasable .price {
    text-align: center;
}

Best Regards

Hello,

Thank you very much for your reply, I used the code and now the block is aligned in the center!
However, for the other component, it didn’t work.

I would like to remove the little line under the product title and also the cart. I included the screenshot for a better understanding.

Thank you in advance,

Best regards,

Alexandre

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-hover-alt .product-title a {
    border-color: transparent;
}

Best Regards

Hello,

Thank you for your answer it works.

I think you didn’t pay attention to my second question. I would like to remove the cart icon next to the text ‘Add to cart’. Please see my screenshot.

Thank you,

Best regards,

Hello,

I do apologize for my mistake, please remove the custom CSS and set “Button on hover” in the Theme Settings > Shop and in all the elements on the page. You will get the grid exactly as on the demo.

Best Regards

Hello,

Thank you very much now it works perfectly!

I do apologize too because I didn’t find that option before.

Thank you

Have a nice day,

Regards,

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts