This topic has 11 replies, 3 voices, and was last updated 10 years, 5 months ago ago by Eva Kemp
Hello,
Please can you help with my checkout page.
The image of the product that is being purchased comes up huge.
Have tried to correct this with the image options and the woocommerce image options but not having any luck.
The other issue is When dealing with the checkout page login. There is a “forgot password” tab. Can this please be moved slightly to the left under the email and password fields and turned into a button like the login symbol? currently they are over one another.
if you require anything of me please let me know asap
thanks scott
Hello,
Please provide us with link to the site as well.
Regards,
Jack Richardson
Hello,
Please add the following code into the custom.css to change “Forgot password” link:
.with-sidebar-left .tabs.checkout-accordion .tab-content .form-row .button {
margin-right: 165px;
}
.checkout-customers p {
width: auto !important;
}
.with-sidebar-left .tab-content .col2-set .col-2 .lost_password, .with-sidebar-right .tab-content .col2-set .col-2 .lost_password {
display: inline-block;
left: 0 !important;
padding: 1px 12px 0;
border: none;
background: #CCC;
color: #fff;
/* text-align: right; */
text-transform: uppercase;
white-space: nowrap;
font-size: 12px;
line-height: 28px;
cursor: pointer;
-webkit-transition-timing-function: ease;
-webkit-transition-duration: .2s;
-webkit-transition-property: background, border-color;
}
.with-sidebar-left .tabs.checkout-accordion .tab-content .form-row .button {
margin-right: 165px !important;
}
.with-sidebar-left .tab-content .col2-set .col-2 .lost_password:hover {
background: #34ced9;
}
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.
Also could you please clarify you request regarding product image in the checkout page? Can you provide us with screenshot of the issue?
Regards,
Jack Richardson
Hello
Thanks for the code, that fixed that issue perfectly.
Im trying to paste some screen shots in here of the other issue I am having, but without any luck.
Sorry what’s the best way to achieve this ?
Hello,
You’re welcome!
You can upload your image to some external server and then paste link to the image here.
Regards,
Jack Richardson
Hi Jack,
here are some images of the problem I am having with the checkout page.
The image comes up huge. have tried to ajust this in the products and woocommerce options with out any luck.
https://www.dropbox.com/s/3l92p8vxvxoct5i/8-theme-pic-2.jpg
https://www.dropbox.com/s/6bnze4s4jqom9n6/8-theme-pic.jpg
thanks scott
the 1st image is how it should look, this comes from your site and 2nd image is my site and how it currently is when on the checkout page.
Hello,
Firstly you should specify required image size (90×90 for demo site) in WooCommerce settings and then regenerate thumbnails using Regenerate thumbnails plugin.
Regards,
Jack Richardson
Another successful fix
Thanks again
Hello,
You’re welcome.
Regards,
Eva Kemp.
The issue related to '‘checkout image’' has been successfully resolved, and the topic is now closed for further responses