Return to previous page

Cart multistep layout wrong css or how edit it

This topic has 10 replies, 3 voices, and was last updated 2 years, 4 months ago ago by kutmaster

kutmaster

Participant

July 22, 2022 at 02:59

Hi, how move SHIPPING word to the top of all shipping methods?
needed more space to show lines correct

https://prnt.sc/8itW1UY31KPo
image of cart page

#330213 Copied Theme version: 8.2.4

9 Answers

Awais Ahmed

Participant

July 22, 2022 at 05:45

Hello, @kutmaster,

The URL of your site you provided is not the WordPress one, but it is the PrestaShop: https://postimg.cc/d7FdHjhG

Can you please make sure that you have provided the correct site URL? As this platform is for the XStore WordPress Theme support.

Regards 8Themes Team.

#330217 Copied

kutmaster

Participant

July 22, 2022 at 13:01

it’s working domain, so i can work on WordPress (switching servers) from 22:00 till 06:00 (UTC +2)

#330248 Copied

kutmaster

Participant

July 22, 2022 at 14:01

Tested on not productive site Cart/Checkout “Multistep” layout option. The same problem
Selecting “Classic” layout, Shipping word needed to put at top too.
https://prnt.sc/7yrW7ADNhOY7

the same with “Separated” layout
https://prnt.sc/Y_4AK6b-mkng

#330252 Copied
Rose Tyler

Support staff

July 22, 2022 at 14:39
Hello,

Try to use the next code:
```
/* venipak fix on cart/checkout */
#shipping_method li {
    flex-wrap: wrap;
}
#shipping_method li .venipak-shipping-options .select2 {
    width: 100% !important;
}
#shipping_method .shopup_venipak_shipping_method {
    flex-wrap: wrap;
}
#shipping_method label {
    width: calc(100% - 20px);
}
```
it helped – https://www.8theme.com/topic/how-to-fix-courier-bug-in-checkout-on-the-shop/#post-330171

Regards
#330254 Copied
kutmaster

Participant

July 22, 2022 at 18:31

wow, thanks for fast respond, now shipping is understandable.
But can the price layout to be like product price in the right corner ?

https://prnt.sc/uFsO5qOQL6mj

#330265 Copied

Awais Ahmed

Participant

July 23, 2022 at 07:55

Hello, @kutmaster,

I am not able to check your site, it is showing this: https://postimg.cc/JHrhYkXy I have to check it on your site and will prepare the Custom CSS fix for your site, so please share the working URL of the issue so that I’ll check and help you out, if possible.

Regards 8Themes Team.

#330288 Copied

kutmaster

Participant

July 24, 2022 at 12:06

you can connect with:

Please contact administrator
for this information.

#330371 Copied
Awais Ahmed

Participant

July 25, 2022 at 06:33
Hello, @kutmaster,

Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global Custom CSS and check back your site after removing the browser cache.
```
.woocommerce-cart #shipping_method .amount {
    float: right !important;
}
.shopup_venipak_shipping_method_icon {
    float: left !important;
}
#shipping_method li .shopup_venipak_shipping_method {
    display: block !important;
}
```
Here is the result: https://postimg.cc/n9MSQKd1

Regards 8Themes Team.
#330399 Copied
kutmaster

Participant

July 25, 2022 at 15:34

Thank you

#330442 Copied
Tagged: cart, edit, layout, multistep, themes, woocommerce, wordpress
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Cart multistep layout wrong css or how edit it’' has been successfully resolved, and the topic is now closed for further responses

Cart multistep layout wrong css or how edit it

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection