[tripicaregp]

I am experiencing overlapping on the Travel Cart page (www.tripicare.com/travel-cart/). Also when you progress to checkout, the cart doesn’t display properly. My default settings are set for the full page use so I’m unsure how to fix this. Please advise.

Sorry, I attempted to submit this once before under the wrong username and not my Pro license.

[wensolutions]

Hello,

Regarding empty cart issue, please once refer below given link and follow the steps.

https://wptravel.io/faq/#empty-cart-issue

If issue still persist, let us know.

Thank you.

[tripicaregp]

I’m sorry if I was not clear. My cart isn’t empty. What I’m experiencing is the cart does not show up fully on either page. Please refer to the page urls I provided. I think that will give a better idea to what I’m dealing with. https://tripicare.com/travel-checkout/. The Cart box is rectangle rather than square (for instance) and the words are bleeding over each other.

[wensolutions]

Hello @

The issue may have raised due to the incompatibility of the theme with the plugin. However, it can be solved using the CSS given below:

Add below given CSS by going to Admin Panel > Appearance > Customize > Additinal CSS.

.ws-theme-cart-page .ws-theme-cart-list .item_cart h4{
    font-size: 18px;
    text-align: left;
}
.ws-theme-cart-page .ws-theme-cart-list .product-name{
    max-width: 400px;
    text-align: left;
}
.ws-theme-cart-page .ws-theme-cart-list .product-price input{
    max-width: 50px;
}
.ws-theme-cart-page .ws-theme-cart-list .person-count{
    white-space: nowrap;
}
.ws-theme-cart-page .ws-theme-cart-list .item_cart h4{
    font-size: 18px;
    text-align: left;
}
.ws-theme-cart-page .ws-theme-cart-list .product-name{
    /* max-width: 400px; */
    text-align: left;
}
.ws-theme-cart-page .ws-theme-cart-list .product-price input{
    max-width: 50px;
}
.ws-theme-cart-page .ws-theme-cart-list .person-count{
    white-space: nowrap;
}
.ws-theme-cart-list{
    min-width: 100%;
    width: unset;
}
.ws-theme-cart-list p{
    margin: 0;
}
.ws-theme-cart-list input[type=text]{
    width: inherit;
}

Thank you.

[tripicaregp]

.ws-theme-cart-page .ws-theme-cart-list .product-name{
/* max-width: 400px; */
text-align: left;

is showing up as yellow

[tripicaregp]

No change on the page. Please let me know if I need to provide you with something else. I copied and paste as its written. Thanks in advance.

[wensolutions]

Hello @tripicaregp,

When we inspected your site URL, the CSS seems to work fine as you can see in the screenshot below:

https://prnt.sc/t42efe

Can you please mention the device, browser, and size that in which you test the page so that we can replicate the issue on our side?

Hoping to hear from you soon.

Thank you.

[tripicaregp]

Thank you for the screenshot, however my issue is with the page After the cart. It’s with the checkout. On that page, you will see (a) the traveler information request on the left is spaced out adequately and (b) the cart summary on the right is not. The information is mushed together. Thank you for your patience with me in explaining this case to you and working through it with me.

Unfortunately, I did had two issues…Thank you sincerely in advance.

[wensolutions]

Hello,

To resolve the issue, please add following given CSS code in Additional CSS section by going to Admin Panel > Appearance > Customize > Additional CSS

.checkout-page-wrap {
    grid-gap: 50px;
}
.checkout-page-wrap .wp-travel-minicart, .checkout-page-wrap .wp-travel-checkout-section{
    max-width: unset;
}

Hope this helps.

If you have any queries further, let us know.

Thank you.

[tripicaregp]

Much better…thank you!!

[wensolutions]

Hello,

Glad that we could help you.

Also, we would really appreciate if you could help us by rating our plugin by following the link below:

https://wordpress.org/support/plugin/wp-travel/reviews/

If you have any queries further, let us know.

Thank you.

[Author]

Posts