some little css adjustments after update

Hello,
I just updated to the latest version of Basel theme – 5.6.1 and I discovered that some css arangements have been changed from the previous version, so please help me fix them to look like the original.
I installed the new update first on our staging site (link below).
1. I want sticky add to cart button to be centered and without the quantity selector. Same css style is not working anymore after the updated.
Now it looks like this: https://pasteboard.co/PzXQAqhCu7Do.png
The original: https://pasteboard.co/mAsbmQQnklaL.png
2. After the update, I cant click anymore on product images to open the photoswipe. I guess there is a conflict with one of our plugins?
Thank you!

Hello,

Please deactivate all the plugins except these ones:

Contact Form 7
Mailchimp for WordPress
Safe SVG
Slider Revolution
WooCommerce
WPBakery Page Builder
XTEMOS Post Types plugin
If you use the child theme, please switch to the parent theme.

If the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.

In case, the problem remains, even after all the plugins are deactivated, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.

Please provide the product URL and steps to reproduce the problem.

Best Regards

Hello. Thanks for your reply.
First I deactivated all the plugins, the problem still persists. Then I activated all the plugins back and swiched to parent theme. The photoswipe gallery is working. I swiched back to child theme, the problem is back.
Maybe you can take a look. I leave the logins details to the staging site below. You can do whatever you want, its just staging, just tell me after what you did if you find a solution to apply it later on the live site also when we update the theme there also.
And what about the number 1 issue with the sticky add to cart button?

Hello,

If it works on the parent theme and does not work on the child, it means that some part of the custom code causes the problem.

You need to take functions.php of the child theme, remove (save) all the code and then add snippets one by one checking the issue to detect which one causes the problem.

Best Regards

What about the sticky add to cart button?
I paid for support just to solve these 2 issue because the update messed up our shop. It seems that you are avoiding the help.
What is happening with you?

Hello,

We are terribly sorry for the delay. Recently we are overloaded with the correspondence, now we restoring the manner and time frame for response.

Please update the access I cannot log in now.

How can I see this: Now it looks like this: https://pasteboard.co/PzXQAqhCu7Do.png I am checking the site and I do not see this problem.

As for the main image, I will check it as soon as I get updated access.

Best Regards

Hi. I updated the login details.
The sticky add to cart button (text) is not aligned on the center of the page, as you can see in your screenshot.
The same css I used before update is no longer available with the latest version of the theme.

Hello,

We have checked from different devices and that is how we see the sticky add to cart:

https://prnt.sc/PgsTWE1OMA4q for desktop
https://prnt.sc/4BmEOFMjj5Cn for mobile

Best Regards

Please check on mobile an item where only 1 piece is in stock. For example: https://woocommerce-399235-1525787.cloudwaysapps.com/produs/cercei-letizia-za/
The sticky add to cart button is not centered – https://prnt.sc/4Cm-_xTcdPcg
Before update, we used this css that is not working anymore:

body .basel-sticky-btn .basel-sticky-add-to-cart:not(:last-child),

body .basel-sticky-btn .cart:not(:last-child) {

	margin-right: 0;

}

.basel-sticky-btn .single_add_to_cart_button {
    padding-left: 0px;}
.basel-sticky-btn div.quantity {
display: none;}
body .basel-sticky-btn .basel-sticky-add-to-cart:not(:last-child),

body .basel-sticky-btn .cart:not(:last-child) {

	margin-right: 0;

}

This was the css used before the update for the sticky add to cart button to be centered for all items, not only the ones with only 1 item left in stock.

Hello,

Sorry for the delay.

Please add this code to the Theme Settings > Custom CSS > Global:

body .basel-sticky-btn .single_add_to_cart_button {
    padding-left: 20px;
}

Best Regards

Is working now. Thx!

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts