Woocommerce error alert is covered by tour slide

Entrada WP Theme
#1

Hi Sanjeev,

while testing Sold Individually option on the tour/prodcut page I realized that the Woocommerce error alert is covered by the tour slide, the top image slideshow.

I guess it is not only my problem, but rather a general issue, so we need a solution to it.

Please advise, because we need to restrict to buy only one tour at a time.

Thanks,

Tamas

image
image1320×347 121 KB

#2

Hello Tamas,

Thank you for reporting the issue. I will add it to the theme itself. In the mean time, please go to Appearance >> Customize >> Custom CSS and JS and add the CSS from below:

.woocommerce-error {
margin-top: 4rem;
background: #b81c23;
color: #ffffff;
z-index: 9;
}

@media only screen and (min-width: 992px) {
.woocommerce-error {
width: 50%;
}
}

#3

Many thanks Sanjeev,

shall I remove this custom CSS once the template is updated, pls.

Further request to this: Now it is covering the slider on desktop view (I’ve removed the slider from small screens with custom css). How can we move it into the white space above the product / tour info, pls?

Thanks in advance.

image
image1600×396 184 KB

#4

Yes, you can remove it. Also, the error message is shown on full screen, so you can remove the following part to leave it as default:

REMOVE:

@media only screen and (min-width: 992px) {
.woocommerce-error {
width: 50%;
}
}
Thank you