Return to previous page

Product Box Alignment & Checkout Page Problem

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

Our Little Bliss

Participant

June 9, 2014 at 08:24

Dear Support

I am facing two problems with my idstore theme.

1) Under the latest products page, the image and product description will cause the selection box not to align in a straight row. Please see the provide link for screenshot.

https://www.dropbox.com/s/uy9fj964bti8jee/Product%20Box%20Alignment.jpg

2) After I enter the required details for billing address from the checkout page, the page jump straight to the bottom skipping through Shipping Address.

Please advise the steps to resolve both problems.

Thank you.

#6413 Copied

41 Answers

Jack Richardson

Support staff

June 9, 2014 at 08:54

Hello,

Please provide us with FTP and wp-admin credentials and we’ll help with the issues.

Regards,
Jack Richardson

#6423 Copied

Our Little Bliss

Participant

June 9, 2014 at 10:56

Dear Jack

Please find the requested as attached.

Thanks.

Please, contact administrator
for this information.

#6444 Copied

Jack Richardson

Support staff

June 9, 2014 at 11:08

Hello,

We’re unable to connect to your FTP server. Could you please check provided credentials? Also give us username for wp-admin.

Regards,
Jack Richardson

#6445 Copied

Our Little Bliss

Participant

June 9, 2014 at 15:27

Dear Jack

I am sorry to miss out the username. Please see attached.

I am able to FTP using FileZilla with the latest provided information. Please try and see if you are able to connect.

Thanks.

Please, contact administrator
for this information.

#6516 Copied

Jack Richardson

Support staff

June 9, 2014 at 15:41

Hello,

Unfortunately we’re still unable to connect to your FTP server.

Regards,
Jack Richardson

#6540 Copied

Our Little Bliss

Participant

June 9, 2014 at 16:06

Dear Jack,

May I know which FTP client are you using?

If not I will have to pass my cpanel account details to you.

Thanks.

#6550 Copied

Eva Kemp

Support staff

June 9, 2014 at 16:10

Hello,

We use FileZilla client to connect to FTP.
Here is the error we’re getting:
421 Sorry, cleartext sessions are not accepted on this server.
Error: Could not connect to server

Regards,
Eva Kemp.

#6553 Copied

Our Little Bliss

Participant

June 9, 2014 at 16:22

Dear Eva,

I have a provided the settings that allowed me to get connected. Please try them out.

https://www.dropbox.com/s/qmbdk4ufoh03g66/FileZilla%20Settings.jpg

Please, contact administrator
for this information.

#6554 Copied

Eva Kemp

Support staff

June 9, 2014 at 17:30

Hello,

Thank you, I was able to connect to FTP.
I’ve added the code to custom.css file to fix the issue with the slider. You can check it in Appearance > Editor.
Also I’ve filled in Billing form on the Checkout page and have been redirected to Shipping Address form directly, not to the bottom of the page.
Please check once more. Also we recommend you to update Woocommerce plugin to the latest version.

Regards,
Eva Kemp.

#6561 Copied

Our Little Bliss

Participant

June 10, 2014 at 03:17

Dear Eva,

I can see the select options button clearly now. Thanks but how can we position the price and select options button to be straight across? I would like the look to be constant.

The checkout problem is still not fixed. The page is still jumping to the bottom after I click continue in billing address.

Thank you.

#6579 Copied

Jack Richardson

Support staff

June 10, 2014 at 07:44

Hello,

I’ve edited your checkout form in woocommerce/checkout/form-checkout.php file and added some code into the custom.css for “select options” button alignment. Please check it now!

Regards,
Jack Richardson

#6587 Copied

Our Little Bliss

Participant

June 10, 2014 at 09:43

Dear Jack,

The checkout is working well. I would like to learn and understand where is the initial problem. Please share with me which line are the edited code?

The select option button are looking good but I noticed if the product is out of stock the read more button does not align with the rest of the select options button. Please see attached picture.

https://www.dropbox.com/s/uy9fj964bti8jee/Product%20Box%20Alignment.jpg

Thanks.

#6597 Copied

Jack Richardson

Support staff

June 10, 2014 at 12:07

Hello,

We’ve added an anchor tag to the “Continue” button. (Anchor tags)
Also we’ve added new changes into custom.css. Is it works fine now?

Regards,
Jack Richardson

#6612 Copied

Our Little Bliss

Participant

June 10, 2014 at 12:50

Dear Jack,

Buttons are all in the correct position. Thank you very much.

Another question. My first footer widget area have two hyperlink, after changing my background colour they become hard to read and when the cursor is over the link they are unreadable because they have the same colour as the background. What code allows me to change to the colours I preferred?

Many thanks.

#6622 Copied
Jack Richardson

Support staff

June 10, 2014 at 13:10
Hello,

Please add this code into custom.css to change link color in footer:
```
.footer_container a {
	color: white;
}
```
And this code to change color of hovered link:
```
.footer_container a:hover {
	color: black;
}
```
Also don’t forget to replace “white” and “black” with your desired color.

Regards,
Jack Richardson
#6626 Copied
Our Little Bliss

Participant

June 10, 2014 at 15:20

Dear Jack,

Everything is working well. Thank you very much for the support.

#6643 Copied

Jack Richardson

Support staff

June 10, 2014 at 15:28

Hello,

You’re welcome!

Regards,
Jack Richardson

#6647 Copied

Our Little Bliss

Participant

June 10, 2014 at 16:58

Dear Jack,

I found something wrong on the alignment problem. This time on the mobile and on the higher resolution laptop.

I have been using a laptop with 1366×768 resolution to do and view the website. But on another laptop with 1920×1080 resolution, the alignment will be displayed as attached.

https://www.dropbox.com/s/cjncqclchgk5m39/Alignment%201920×1080.jpg

While previously on the mobile, I did not encounter this alignment problem until we added in the new code at custom.css. Please see attached.

https://www.dropbox.com/s/6mo0w893r2pz3f8/Alignment%20Mobile.png

Kindly take a look at coding again.

Many thanks.

#6669 Copied

Eva Kemp

Support staff

June 10, 2014 at 17:51

Hello,

I’ve added some code to custom.css file.
Please check your site now.

Regards,
Eva Kemp.

#6677 Copied

Our Little Bliss

Participant

June 11, 2014 at 05:04

Dear Eva,

The mobile version is looking fine now but the 1920×1080 resolution still need to tweak a bit more. The text is align to the left and the cursor over the box is highlighted below the price. Please see attached for the difference.

https://www.dropbox.com/s/jsz0lrw8lv8k4i9/Alignment%201920×1080.png
https://www.dropbox.com/s/ij2xaivrv55ck96/1366×768.png

Thanks.

#6696 Copied

Eva Kemp

Support staff

June 11, 2014 at 09:39

Hello,

I’ve made modifications in custom.css.
Please check if the site looks fine now.

Regards,
Eva Kemp.

#6709 Copied

Our Little Bliss

Participant

June 11, 2014 at 10:30

Dear Eva,

Now on my laptop at 1366×768 resolution, I see the price alignment going wrong and with a lot of empty space below as attached. The alignment on the mobile is affected as well. Please see attached.

https://www.dropbox.com/s/b6ak2vuxc5kl85l/Alignment%201366×768.png
https://www.dropbox.com/s/6mo0w893r2pz3f8/Alignment%20Mobile.png

On the 1920×1080 laptop, if we use (left: 90px) the price alignment would be perfect but in doing so I will make the alignment even worst on my laptop.

Let me know if we can assign the alignment individually for different resolution. If not possible, we will have to use a common resolution as the benchmark.

Thanks.

#6716 Copied

Jack Richardson

Support staff

June 11, 2014 at 12:47

Hello,

We’ve made some changes. Please check it again!

Regards,
Jack Richardson

#6739 Copied

Our Little Bliss

Participant

June 11, 2014 at 14:37

Dear Jack,

Everything is looking nice now. Thank you very much.

One question. The revolution slider currently is outdated. Do you recommend to update?
Installed Version: 4.3.6
Latest Available Version: 4.5.01

#6753 Copied

Jack Richardson

Support staff

June 11, 2014 at 14:41

Hello,

You’re welcome!
We’ll update the Revolution Slider to the latest version in the next theme update.

Regards,
Jack Richardson

#6755 Copied

Our Little Bliss

Participant

June 11, 2014 at 14:50

Dear Jack,

Will I lose the custom.css and form-checkout.php due to the next theme update?

Thanks.

#6756 Copied

Jack Richardson

Support staff

June 11, 2014 at 14:53

Hello,

You will not lose the custom.css after theme upgrading. But all other php files with changes we recommend to copy to Child theme directory.

Regards,
Jack Richardson

#6757 Copied

Our Little Bliss

Participant

June 11, 2014 at 15:08

Dear Jack,

I tried creating a child theme a few days ago but after activating it the website take a longer time to load. So I decide to delete and use back the default theme. Any idea why?

By the way I noticed from the demo for IDStore, the home page has a featured products slider which I never have since day one after installing. Where can I find the setting to activate it?

Thank you.

#6758 Copied

Jack Richardson

Support staff

June 11, 2014 at 15:54

Hello,

We have created child theme for you and measured the site loading speed with IDStore and IDStore child themes – results was the same.

You should mark at least four products as featured to display featured products slider.

Regards,
Jack Richardson

#6764 Copied
1 2

Viewing 30 results - 1 through 30 (of 42 total)

The issue related to '‘Product Box Alignment & Checkout Page Problem’' has been successfully resolved, and the topic is now closed for further responses

Product Box Alignment & Checkout Page Problem

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection