Return to previous page

Calculate Shipping Price layout issues at Blanco 3.5

This topic has 8 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp

  • Avatar: snoowy
    Michael
    Participant
    March 22, 2016 at 10:49

    Hi,
    I’m running WordPress 4.4.2, WPEC 3.11.2 with Blanco 3.5 on a testing site.

    Looking at the checkout page it seems there are a couple of layout/formatting issues.

    (1) Within The Calculate Shipping Price section the Country dropdown field is cutting off the bottom of the selected country name.

    (2) The Calculate Shipping Price section is mostly floating to the right but it should be on the left. Because it’s on the right it clashes with both the “Total Shipping” and “Total Price” (on first entry to the checkout page) and on the “Enter your email address” section if you update the Shipping Details country or state/province fields.

    (3) The “Tax Included” total is also floating weirdly over on the right.

    I’ve tested this on a new install using Blanco 3.5 and the same layout problems exist. I also tested this with other themes – Divi, TwentySixteen and Make – and the problems do not appear with them.

    The website and access details are in the Private Content below.

    Thanks,
    Mike.

    Please, contact administrator
    for this information.
    #118391 Copied Theme version: 3.5
    7 Answers
    Avatar: Eva
    Eva Kemp
    Participant
    March 22, 2016 at 15:49

    Hello,

    1. Please add this code in custom.css:

    #change_country select {
    height: 34px !important;
}

    2. As I see “Calculate Shipping Price” section is on the left, not on the right:
    http://storage4.static.itmages.com/i/16/0322/h_1458658114_8334146_9d0c2cbbcc.png
    Please show on a screenshot what you want to change.

    3. Also please show on a screenshot what exactly needs to be changed.

    Thank you.
    Regards,
    Eva Kemp.

    #118441 Copied
    Avatar: snoowy
    Michael
    Participant
    March 22, 2016 at 23:18

    Hi Eva,

    It’s not the “Calculate Shipping Price” title that is in the wrong place it’s the (variable) data that appears under it.

    See the private content section below for links to images of the data that is displayed on the right when it should be on the left. Blanco seems to be the only theme I tested that displays that data on the right hand side of the page. Every other theme I tried presents that data on the left hand side of the page.

    Regards,
    Mike.

    Please, contact administrator
    for this information.
    #118518 Copied Theme version: 3.5
    Avatar: Eva
    Eva Kemp
    Participant
    March 23, 2016 at 09:10

    Hello,

    Please use this code in custom.css:

    .productcart {
    float: none !important;
}

    Regards,
    Eva Kemp.

    #118553 Copied
    Avatar: snoowy
    Michael
    Participant
    March 27, 2016 at 11:27

    Hi Eva,
    The CSS you provided worked well.

    Now there is just one final thing that needs adjusting. Can you move the “Tax Included ($n.nn)” line to the left as well and change it’s color/font/size to match the ‘Total Shipping’ format?

    Thanks,
    Mike.

    #119050 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    March 28, 2016 at 08:41

    Hello,

    Please add this code in custom.css file:

    #checkout_page_container .total_price td:first-child {
    padding-left: 0px !important;
    color: #090909 !important;
    font-size: 16px !important;
    font-family: Georgia !important;
}

    Best regards,
    Jack Richardson.

    #119078 Copied
    Avatar: snoowy
    Michael
    Participant
    March 28, 2016 at 11:00

    Hi Jack,

    Your CSS appears to have done the trick. Please go ahead and close this topic.

    Thanks,
    Mike.

    #119100 Copied
    Avatar: Eva
    Eva Kemp
    Participant
    March 28, 2016 at 11:05

    Hello,

    You’re welcome.

    Regards,
    Eva Kemp.

    #119101 Copied
  • Viewing 8 results - 1 through 8 (of 8 total)

The issue related to '‘Calculate Shipping Price layout issues at Blanco 3.5’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress Theme
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Architecture – WordPress Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Boxed Store – WooCommerce Theme
lazy-placeholder
Sushi Store – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.