Return to previous page

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

This topic has 5 replies, 3 voices, and was last updated 1 weeks, 5 days 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.
    #440564 Copied
    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

    #440602 Copied
    Avatar: Omar Quddam
    Omar Quddam
    Participant
    April 14, 2025 at 14:47

    thankyou very much 🌹

    #440619 Copied
    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

    #440623 Copied
    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

    #440624 Copied
  • 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

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Hotel – WordPress Theme
lazy-placeholder
Ecotransport Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Home Decor Store – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme

See All Templates

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