Return to previous page

Checkout image - by scottgreen - on WordPress WooCommerce support

This topic has 11 replies, 3 voices, and was last updated 10 years, 4 months ago ago by Eva Kemp

scottgreen

Participant

June 22, 2014 at 18:46

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

Please, contact administrator
for this information.

#7697 Copied

10 Answers

Jack Richardson

Support staff

June 23, 2014 at 07:42

Hello,

Please provide us with link to the site as well.

Regards,
Jack Richardson

#7710 Copied

scottgreen

Participant

June 24, 2014 at 23:47

Here you go

http://Www.cottonskin.co.uk

Thanks

#8014 Copied
Jack Richardson

Support staff

June 25, 2014 at 08:37
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
#8036 Copied
scottgreen

Participant

June 25, 2014 at 23:21

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 ?

#8121 Copied

Jack Richardson

Support staff

June 26, 2014 at 07:28

Hello,

You’re welcome!
You can upload your image to some external server and then paste link to the image here.

Regards,
Jack Richardson

#8131 Copied

scottgreen

Participant

June 30, 2014 at 22:54

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

Please, contact administrator
for this information.

#8387 Copied

scottgreen

Participant

June 30, 2014 at 22:57

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.

#8388 Copied

Jack Richardson

Support staff

July 1, 2014 at 08:28

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

#8410 Copied

scottgreen

Participant

July 1, 2014 at 11:49

Another successful fix

Thanks again

#8442 Copied

Eva Kemp

Support staff

July 1, 2014 at 11:50

Hello,

You’re welcome.

Regards,
Eva Kemp.

#8443 Copied
Viewing 11 results - 1 through 11 (of 11 total)