fbpx
-50% OFF Black Friday coupon: BF2021

Show hover by default in the products.

HomeTopicsSupport forumShow hover by default in the products.
Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #16946
    Avatar
    Sky786
    Participant

    Hi,

    How can I show hover by default in the products?

    Check the screenshot attached.

    • This topic was modified 1 month ago by AvatarSky786.
    #16948
    Artem Temos
    Artem Temos
    Keymaster

    Hi,

    Could you please reupload your screenshots in a size smaller than 2MB? Or upload it to some cloud service like Dropbox or Google Drive.

    Thank you in advance

    #16964
    Avatar
    Sky786
    Participant

    Please check the attached video

    #16965
    Artem Temos
    Artem Temos
    Keymaster

    Do you mean all the buttons by default, without hover? We can prepare a custom CSS for this.

    Kind Regards

    #16966
    Avatar
    Sky786
    Participant

    Yes please

    #16967
    Artem Temos
    Artem Temos
    Keymaster

    Here is a code snippet for this

    .xts-prod-design-add-to-cart .xts-product .xts-product-content-footer-inner {
        visibility: visible;
        opacity: 1;
        transform: none;
    }
    
    .xts-prod-design-add-to-cart .xts-product .xts-product-content {
        transform: translateY(-25px);
    }
    #16968
    Avatar
    Sky786
    Participant

    This code is working but the shadow in not showing until you hover the item

    #16969
    Artem Temos
    Artem Temos
    Keymaster

    Here is a code snippet for the shadow as well

    .xts-prod-design-add-to-cart .xts-product {
        box-shadow: 0 0 9px rgb(0 0 0 / 15%);
    }

    Kind Regards

    #16970
    Avatar
    Sky786
    Participant

    Thanks

    #16971
    Avatar
    Sky786
    Participant

    How do i make the add to cart full width including the quantity box?

    Attachments:
    You must be logged in to view attached files.
    #16975
    Artem Temos
    Artem Temos
    Keymaster

    Try to apply the following CSS

    .xts-single-product .woocommerce-variation-add-to-cart {
    	display: flex;
    	align-items: center;
    	flex-wrap: wrap;
    }
    
    .xts-single-product .woocommerce-variation-add-to-cart .single_add_to_cart_button {
    	flex: 1;
    }

    Kind Regards

    #16980
    Avatar
    Sky786
    Participant

    Hi, thanks for the last update.

    How can fix this issue? https://snipboard.io/tRwEUl.jpg

    The text is overlapping

    #16990
    Artem Temos
    Artem Temos
    Keymaster

    Hi,

    Please, describe to us your problems in a bit more detail. Provide us with a list of steps on how to reproduce them on your website.

    Thank you in advance.

    #16991
    Avatar
    Sky786
    Participant

    Hi, Thank you for your reply but i did sort out the problem

    Im faceing another problem:

    Please check this video in the Private content.

    #16995
    Artem Temos
    Artem Temos
    Keymaster

    You need to edit this element with Elementor and set 1 item per slide for mobile devices.

    Kind Regards

    #16996
    Avatar
    Sky786
    Participant

    In the video, I did show that it’s been changed to 1 item per slide for mobile devices, in the Elementor is showing without any problem but the front page is not showing as responsive.

    • This reply was modified 3 weeks, 5 days ago by AvatarSky786.
    Attachments:
    You must be logged in to view attached files.
    #16999
    Artem Temos
    Artem Temos
    Keymaster

    Hello,

    You need to edit file templates/elementor/testimonials.php line 33 add carousel size at tablet and mobile as shown on the screenshot https://prnt.sc/1y264fx and also replace line 65

    extract( wp_parse_args( $element_args, $default_args ) );

    with

    $element_args = wp_parse_args( $element_args, $default_args ); extract( $element_args ); // phpcs:ignore

    as shown on the screenshot https://prnt.sc/1y26jw6
    We will fix it in our next update.

    Kind Regards

    #17004
    Avatar
    Sky786
    Participant

    Will this code fix the footer? i’m facing the same issues in the footer for the same website

    #17005
    Artem Temos
    Artem Temos
    Keymaster

    Please, clarify what footer issue do you mean? Send us some screenshots.

    Kind Regards

Viewing 19 posts - 1 through 19 (of 19 total)

You must be logged in to reply to this topic.

Sign in

No account yet?

Create an Account