Home › Forums › Basel support forum › some little css adjustments after update

some little css adjustments after update

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • April 29, 2022 at 1:54 pm #371980

    pursehuit
    Participant

    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!

    April 30, 2022 at 11:23 pm #372217

    Elise Noromit
    Member

    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

    May 1, 2022 at 8:05 am #372259

    pursehuit
    Participant

    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?

    May 3, 2022 at 11:49 am #372707

    Elise Noromit
    Member

    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

    May 3, 2022 at 12:23 pm #372724

    pursehuit
    Participant

    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?

    May 5, 2022 at 4:33 pm #373405

    Elise Noromit
    Member

    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

    May 5, 2022 at 6:35 pm #373459

    pursehuit
    Participant

    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.

    May 6, 2022 at 12:54 pm #373649

    Elise Noromit
    Member

    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

    May 6, 2022 at 1:29 pm #373665

    pursehuit
    Participant

    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;

}
    May 6, 2022 at 1:46 pm #373671

    pursehuit
    Participant
    .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.

    May 9, 2022 at 11:52 am #374203

    Elise Noromit
    Member

    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

    May 9, 2022 at 2:18 pm #374261

    pursehuit
    Participant

    Is working now. Thx!

    May 10, 2022 at 3:14 am #374445

    Elise Noromit
    Member

    You are welcome! We are here to help.

    Wish you a wonderful day!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)

The topic ‘some little css adjustments after update’ is closed to new replies.