I am trying to hide a price as the site offers only bulk pricing and the price showing is for an individual price and it adds it to the cart along with the bulk pricing. When I change the price to zero it says free large across the top.
\nHere is what I have<\/p>\n
}<\/p>\n
\/* WooCommerce
\n——————————————— *\/<\/p>\n
.woocommerce #respond input#submit,
\n.woocommerce a.button,
\n.woocommerce button.button,
\n.woocommerce input.button {
\n\tbackground-color: #F27999 !important;
\n\tborder-radius: 0 !important;
\n\tcolor: #fff !important;
\n\tfont-weight: normal !important;
\n}<\/p>\n
.woocommerce #respond input#submit:hover,
\n.woocommerce a.button:hover,
\n.woocommerce button.button:hover,
\n.woocommerce input.button:hover {
\n\tbackground-color: #FADCD5 !important;
\n}<\/p>\n
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
\n\tfont-family: “Montserrat”,sans-serif !important;
\n\tfont-size: 12px;
\n\tfont-weight: 400 !important;
\n\ttext-transform: uppercase;
\n}<\/p>\n
.woocommerce .woocommerce-message::before,
\n.woocommerce .woocommerce-info::before,
\n.woocommerce div.product p.price,
\n.woocommerce div.product span.price,
\n.woocommerce ul.products li.product .price,
\n.woocommerce form .form-row .required {
\n\tcolor: #F27999 !important;
\n}<\/p>\n
.woocommerce .woocommerce-message,
\n.woocommerce .woocommerce-info {
\n\tborder-top-color: #F27999 !important;
\n}<\/p>\n
.woocommerce div.product p.price, .woocommerce div.product span.price {
\n\ttext-align: center;
\n}<\/p>\n
.woocommerce span.onsale {
\n\tbackground-color: #F27999 !important;
\n\tfont-size: 10px !important;
\n\tpadding: 4px 7px !important;
\n}<\/p>\n
.woocommerce-cart table.cart img {
\n\twidth: 100px !important;
\n}<\/p>\n
.woocommerce ul.cart_list li,
\n.woocommerce ul.product_list_widget li,
\n.woocommerce-page ul.cart_list li,
\n.woocommerce-page ul.product_list_widget li {
\n\tfloat: left;
\n\tpadding: 5px !important;
\n\twidth: 50%;
\n}<\/p>\n
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
\n\twidth: 100% !important;
\n}<\/p>\n
.woocommerce-cart .entry-content p:first-child::first-letter,
\n.woocommerce-checkout .entry-content p:first-child::first-letter {
\n\tfloat: none;
\n font-size: inherit;
\n margin: 0;
\n padding: 0;
\n}<\/p>\n
.woocommerce-checkout #payment ul.payment_methods li {
\n\tlist-style: none;
\n}<\/p>\n
.woocommerce-page input[type=”checkbox”],
\n.woocommerce-page input[type=”radio”] {
\n\twidth: auto;
\n}<\/p>\n
.woocommerce ul.products li.product .price del,
\n.woocommerce div.product p.price del,
\n.woocommerce div.product span.price del {
\n\tdisplay: inline !important;
\n}<\/p>\n
.woocommerce .quantity .qty {
\n\tpadding: 5px 10px;
\n}<\/p>\n
.woocommerce .product-title {
\n\tfont-family: “Montserrat”,sans-serif;
\n\tfont-weight: 400;
\n\tfont-size: 10px;
\n\ttext-transform: uppercase;
\n}<\/p>\n
I believe its this area here
\n.woocommerce div.product p.price, .woocommerce div.product span.price {
\n\ttext-align: center;<\/p>\n
is there a workaround to just hide that amount all together so I can set the value to zero and not show the word free?<\/p>\n
http:\/\/www.oddlotpaperie.com\/product\/country-cowboy-photo-christmas-card\/<\/p>\n
https:\/\/wordpress.org\/plugins\/woocommerce\/<\/p>\n","protected":false},"template":"","class_list":["post-6837646","topic","type-topic","status-publish","hentry","topic-tag-hide-price","topic-tag-product-pricing"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6837646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/6837646\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=6837646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}