-
ImmanuelLutheranChurchAsked on July 9, 2020 at 10:43 AM
Is it possible to hide the item image and price per item in "Product List Form Field" from the end user (pictured below)? I've looked around and tried my best, but no luck.
-
Johann_AReplied on July 9, 2020 at 11:02 AM
Hi there,
Can you please try to inject the following CSS code.
Go to the blue icon on the right > click on Style tab
Then copy this line of code to remove the image of your product list field :
.form-product-item img {
display: none;
}
and now to remove the prices you can inject this :
.form-payment-total b > span > span > span, .form-product-details b > span > span {
margin-left: -3px;
display: none;
}
.form-product-details {
font-size: 0.857em;
display: none;
}
I also encourage you to check this guideline about how to inject CSS :
How to Inject Custom CSS Codes
Have a good day -
ImmanuelLutheranChurchReplied on July 9, 2020 at 11:52 AM
Johann_A,
Thanks for your help. Your solution did the trick.