Add a picture of the shipping company next to each shipping company

This topic has 5 replies, 3 voices, and was last updated 8 months, 1 weeks ago ago by Luca Rossi

  • Avatar: Omar Quddam
    Omar Quddam
    Participant
    April 13, 2025 at 18:53

    I want a method like this to add a picture of the shipping company next to each shipping company

    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 14, 2025 at 12:01

    Dear @Omar Quddam,

    We hope this message finds you well.

    Kindly try adding the following custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .woocommerce-checkout ul#shipping_method li:nth-child(1) {
        padding-left: 100px;
        background: url(https://images.seeklogo.com/logo-png/19/1/dhl-express-logo-png_seeklogo-192034.png) no-repeat left center;
        background-size: 80px 80px;
    }
    
    .woocommerce-checkout ul#shipping_method li:nth-child(2) {
        padding-left: 100px;
        background: url(https://images.seeklogo.com/logo-png/19/1/dhl-express-logo-png_seeklogo-192034.png) no-repeat left center;
        background-size: 80px 80px;
    }
    

    You may also refer to the following link for additional context:
    https://tinyurl.com/28smjkuw

    Please remember to replace the sample logo URL (https://images.seeklogo.com/logo-png/19/1/dhl-express-logo-png_seeklogo-192034.png) with the URLs of your own shipping method images.

    Should you have any further questions or require assistance, feel free to reach out.

    Kind regards,
    The 8Theme Team

    Avatar: Omar Quddam
    Omar Quddam
    Participant
    April 14, 2025 at 14:47

    thankyou very much 🌹

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    April 14, 2025 at 14:53

    Dear Omar Quddam,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

    Avatar: Justin
    Luca Rossi
    Support staff
    April 14, 2025 at 14:54

    Dear @Omar Quddam,

    In the spirit of gratitude, we want to express our appreciation for your trust in our products. As a valued customer, your experience matters greatly. Would you consider sharing it by giving our theme a deserving 5-star rating on ThemeForest?

    Click here to share your thoughts: https://themeforest.net/downloads

    Being part of our community means a lot, and your feedback contributes immensely.

    Best Regards,
    The 8Theme Team

  • Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘add a picture of the shipping company next to each shipping company’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.