- This topic has 3 replies, 2 voices, and was last updated 7 months ago by
Leo.
-
AuthorPosts
-
June 23, 2020 at 8:21 am #1338963
Matt
I got with the Visual Product Configurator which goes to my “Duck Call Builder” page. They went in and changed some stuff and got their Product to appear in cart correctly and I thought all was fixed. I was doing my last minute checks before going live and realized now everything else except for VPC Products are cut in half. Can’t figure out what code is breaking it but hopefully get something figured out where both products appear as normal.
1 picture is of what every product looks like in the cart except for any product dealing with the duck call builder. (VPC Plugin)
the second picture is of the VPC product in the mini cart.June 23, 2020 at 11:00 am #1339183Leo
StaffCustomer SupportHi there,
Kind of hard for us to tell.
Was it working before the changes were made?
Have you tried asking the people who made the change to undo the change and see if the problem is coming from their end?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/June 24, 2020 at 6:10 am #1340084Matt
Hey Leo, I did send them a message but I bought their plugin about 6 months ago and right after I bought it they swapped to new ownership and the new owners don’t answer very quickly or speak English very well so it’s hard to get anything done quickly with them. I will say I know the CSS they added to Custom.css is
/**custom CSS from VPC Creators**/ #wc-mini-cart{width: 500px;} .woocommerce.widget_shopping_cart .cart_list li{padding: 0 0 0 10em !important;} .mini_cart_item .vpc-cart-config-image { left: 0 !important; position: absolute !important; } .woocommerce ul.cart_list li img{ position: absolute !important; width: 100px !important; margin-left: auto !important; margin-right: auto !important; top: 15% !important; } .mini_cart_item .vpc-cart-config img { left: initial !important; }
The only thing I edited in this code was to add !important to it that’s it. The custom editing I did was rounding and styling to the VPC in the mini-cart code and consisted of this:
/*my addition for VPC styling*/ #vpc-preview img { border: 2px groove !important; border-radius: 10px !important; box-shadow: 2px 2px 7px 0 rgba(0,0,0,0.6) !important; } div.vpc-component-header img { color: black !important; border: 2px groove !important; border-radius: 10px !important; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6) !important; } div.vpc-component-header, span.vpc-selected.txt, div.vpc-group { color: #000000; background-color: #cfcfcf; } label.custom { border: 1px solid black !important; } div.vpc-textarea-fields-wrap.vpc-options h5 { background-color: #CFCFCF !important; } div.vpc-textarea-fields-wrap.vpc-options { color: #000000 !important; background-image: linear-gradient(green, black) !important; } /*rounds mini cart*/ li.woocommerce-mini-cart-item.mini_cart_item a { padding: 3px !important; border-radius: 10px !important; } div.vpc-cart-config-image.o-wrap { border-color: transparent !important; } div.vpc-cart-config-image.o-wrap img { border-radius: 10px !important; box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.6) !important; }
I guess I was hoping you could look at their code and my code and figure out which one is causing it and maybe how to make both work? Like I don’t know CSS 100% but i think you can add ul li and stuff to things or drop them so they don’t apply to something else. If we could edit theirs or mine so it doesn’t break their code but works with it.
June 24, 2020 at 9:29 am #1340483Leo
StaffCustomer SupportUnfortunately we cannot help with code that are specific to other plugins.
Have you tried removing all the CSS temporarily to see if the issue is fixed?
Then you can add them back one by one to see which one is causing the issue.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/ -
AuthorPosts
- You must be logged in to reply to this topic.