Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 17, 2021 at 11:24 am #1321361
    westefan

    In summary table of Woocommerce cart and checkout the name of of the shipment method is displayed within the sum column as a label before the shipment costs. Has anyone an idea how I can address this label so that I can make a display:none only to the label and not to the price?
    Thanks
    Stefan

    September 19, 2021 at 12:39 am #1321480
    Mike

    Hey westefan,
    Can you link to your page and include a screenshot of the label? On our demo I’m not seeing a shipment method so your setup must be a little different.
    2021-09-18_005.png

    Best regards,
    Mike

    September 20, 2021 at 9:45 am #1321585
    westefan

    Hey Mike,
    in this case you havn’t defined shipment in your demo installation. The display of shipment method is standard, so for example here: https://cbd-bluetenwunder.shop/warenkorb/
    Many thanks, Stefan

    Shipment method on cart

    September 20, 2021 at 2:07 pm #1321634
    Mike

    Hi,
    Thank you, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #top.woocommerce-order-received .woocommerce-table--order-details small.shipped_via {
	display: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 20, 2021 at 4:28 pm #1321657
    westefan

    Hi Mike,
    thanks for your effort, but I don’t mean the thank you-page but cart and checkout page.
    There the display code is

    .shop_table ul#shipping_method li label, .cart_totals ul#shipping_method li label {
    display: inline;
}

    but here the description name and the price are somehow bounded and I’m not able to fade out the name only.
    Do you understand my problem?
    Thanks,
    Stefan

    September 21, 2021 at 2:03 pm #1321761
    Mike

    Hi,
    Thanks for the feedback, please try this css:

    #top #shipping_method label[for=shipping_method_0_flat_rate3] {
	font-size: 0;
}
#top #shipping_method label[for=shipping_method_0_flat_rate3] .woocommerce-Price-amount.amount {
	font-size: 13px;
}
ul#shipping_method.woocommerce-shipping-methods {
	margin-bottom: 0;
}

    the expected results:
    2021-09-21_075948.jpg

    Best regards,
    Mike

    September 21, 2021 at 4:01 pm #1321797
    westefan

    Wow, you’re great, Mike!
    Many, many thanks
    Stefan

    September 22, 2021 at 12:26 pm #1321898
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Fade-out of shipment method’ is closed to new replies.