Lumise Integration

Greetings,
I just added lumise which is a product designer plugin. Everything works fine but the button color and alignment is not right. Please find the screenshot for your reference.
I would like to change the button color of customize to my theme’s default color (Blue) and the alignment on mobile is not correct. Please check the screenshot.

I have configured this tool to only one product now for testing purposes.
Product URL: https://printifly.com/product/custom-mugs/

Attachments:

You must be logged in to view attached files.

I had installed the same customizer on a test site (Local server) where it worked fine. I have attached the screenshot for your reference.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.single-product .lumise-customize-button {
	color: white;
	background-color: #00a3ef;
	border-radius: 35px;
}
.single-product .lumise-customize-button:hover {
	color: white;
	background-color: #36b4e5;
	box-shadow: none;
}
.woodmart-sticky-btn .single_add_to_cart_button {
	display: none;
}
@media (max-width: 575px) {
	.woodmart-sticky-btn .lumise-customize-button {
		border-radius: 0;
		width: 100%;
		padding-left: 90px;
	}
}

Regards

Thank you so much. You guys are awesome:)
Also i had one more requirement. Is there a way to showcase the star rating in the highlighted position (Please check the screen shot for reference).

Attachments:

You must be logged in to view attached files.

Hello,

It is designed to be shown on hover only https://gyazo.com/248a9a2b477d641a4d583c330af489b5

Kind Regards

There is one more issue. The customize button seems to be working fine on shop pages but on home page (elementor section) it is not getting displayed properly. Please find the screenshot for reference.

Attachments:

You must be logged in to view attached files.

Hello,

We see that you have added some custom CSS code to style this button on the shop page. So you need to create a code for the home page as well since there are no such styles for the button by default
http://prntscr.com/wfrh7w

Kind Regards

Can you please send me a CSS for that? It would be of great help

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.product .lumise-list-button {
		display: inline-block;
    transition: all .3s ease;
    padding: 12px 20px;
	  line-height: 1;
}

Thank you. The issue is fixed:)

Great, you are welcome!

[Author]

Posts