Checkout style problem: shipment & payment, bill-to, ship-to

Support desk for Multipurpose Quark Theme
GK User
Mon Jul 25, 2016 2:26 am
Hi, team.

I'm having trouble with the checkout style customization (3 imgs attached).
Would like to:

- ALIGN-MIDDLE the "Cart" & "Continue Shopping" lines/phrases
- STYLE the "Bill-To" and "Ship-To" fields/areas
- REMOVE the extra-fields (under "Product prices result" + under "Selected payment" area) - FireBug scr_shot attached
- REMOVE the words "Selected Shipment" & "Selected Payment" completely (is there a tickbox in the VM Config or Shop?)

Awaiting for your reply, thanx in advance.
User avatar
Junior Boarder

GK User
Thu Jul 28, 2016 5:33 pm
Please, we need a reply to this problem as soon as possible...
User avatar
Junior Boarder

GK User
Sat Jul 30, 2016 10:26 am
Gavick team, is anyone going to answer to this topic? We are waiting around for a reply from you for 5 days now - we don't want to start butchering the code by ourselves, please offer a little insight on how we can do this without breaking the template entirely.

Awaiting for your reply plz.
User avatar
Junior Boarder

teitbite
Wed Aug 03, 2016 2:01 pm
Hi

Please do not bump Your own question, it does not speed our answer, quite the opposite since moderator system updates last activity date and Your question moves to the end of the line.

Please tell me the url to Your site so I'll be able to provide css for changes.
User avatar
Moderator

GK User
Fri Aug 05, 2016 12:24 pm
Just sent you a PM, thank you so much, teitbite - awaiting for your reply.
User avatar
Junior Boarder

teitbite
Mon Aug 08, 2016 4:28 pm
Hi

Add this to override.css

Code: Select all
.vm-cart-header-container .width50 {
    width: 100%;
}

.vm2-billto-icon,
.vm2-shipto-icon {
    display: none;
}

.billto-shipto > div {
    text-align: left;
}

.billto-shipto .output-shipto {
    margin: 0;
}

.billto-shipto label.radio {
    height: auto !important;
    margin-top: 0 !important;
    padding: 0;
}


that should help with first 3 issues, but I cannot remove: Payment and Shipment options, html structure used makes it hard to access.
User avatar
Moderator

GK User
Mon Aug 08, 2016 11:19 pm
Thank you, teitbite, that helps a little indeed.
So, there is no way to make it look like in the demo? I was hoping for some fancybox triggering (or anything that has to do with this css breaking down)...
User avatar
Junior Boarder

teitbite
Thu Aug 11, 2016 4:56 pm
Hi

I believe the missing things I could not done from Your tasks can be disabled in VM configuration. I'm not VM expert so I cannot tell that for sure, You need to look into VM documentation or ask VM support. All I can see is that from CSS side, which I was helping You with, it cannot be accessed directly since html layers doesn't have a naming to help with it.
User avatar
Moderator

GK User
Tue Aug 16, 2016 9:55 am
Ok, teitbite, thank you so much for the help - will look it up in VM.
User avatar
Junior Boarder

teitbite
Sun Aug 21, 2016 2:40 pm
Hi

Ok, sorry I couldn't help with this last thing. Closing this thread now.
User avatar
Moderator


cron