Archived topic

How to

5 replies · Started by Eugenijus on May 20, 2019

Viewing posts 1–6 of 6

May 20, 2019 at 3:27 am #905130

Hello

Could you please help with some styling. How to get such shipping fields formatting (images is attached) https://d.pr/free/i/Np0dJk

Also how to get mini cart buttons placed horizontally like in this image https://d.pr/free/i/M4URtn

Thanks

May 20, 2019 at 4:36 am #905180

Hi there,

would you be able to link me to your Site so i can look at what can be done?
You can edit your original topic and use the Site URL field to share the link privately.

May 20, 2019 at 4:43 am #905183

We do not use Generatepress theme now. Images is from Flatsome theme.

May 20, 2019 at 4:54 am #905189

Well in GP you can stack the Mini cart buttons with this CSS:

.widget_shopping_cart .woocommerce-mini-cart__buttons {
    flex-wrap: wrap;
}

.woocommerce.widget_shopping_cart .woocommerce-mini-cart__buttons a {
    width: 100% !important;
    margin: 0 0 4px !important;
}

For the Shipping Options i would need to see a site with that setup working to advise if it can be styled like that.

May 20, 2019 at 6:56 am #905450

CSS for mini cart buttons is ok, thanks.

May 20, 2019 at 7:10 am #905474

You're welcome. When you can share a GP Site with the checkout setup with Shipping Options i can take a look at that.

This archived topic is closed to new replies.

Start building better websites today.