Show part of a hidden block in the carousel

This topic has 15 replies, 3 voices, and was last updated 8 months, 4 weeks ago ago by Luca Rossi

  • Avatar: Goostaf
    Goostaf
    Participant
    March 21, 2024 at 17:47

    Hi, is there any way in Custom carousel to make part of the hidden bar visible, like in the screenshot, so that it is clear to scroll to the right? We don’t want to use arrows and triggers at the bottom

    Please, contact administrator
    for this information.
    14 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 22, 2024 at 07:29

    Hello, @Goostaf,

    Thank you for reaching out to us with your query.

    Upon reviewing the private content area, we have noticed that a screenshot detailing your issue is currently missing. To assist you more effectively, we kindly request that you upload a screenshot illustrating the problem. Additionally, please provide your site’s WP-admin credentials within the private content area. This will enable us to examine your settings in greater detail and offer the necessary support.

    We kindly recommend that you take a complete backup of your site before proceeding.

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Goostaf
    Goostaf
    Participant
    March 22, 2024 at 09:58

    I made a screenshot of the approximate implementation, i.e. part of the die is hidden, which gives an understanding that you can scroll to the right, can this be done with styles, for example?

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 22, 2024 at 11:36

    Hello, @Goostaf,

    Thank you for your response.

    We have conducted a review of your website and observed the current appearance of your custom carousel, as depicted in the following image: https://imgur.com/6nBdbBc.

    To ensure that we can assist you effectively, we kindly request that you provide a detailed description of the issue you are encountering. Please specify the exact modifications you wish to implement regarding the styles, or articulate your ultimate objective for the carousel. This information will greatly enhance our understanding and enable us to address your needs accurately.

    Furthermore, for us to perform a comprehensive analysis of your settings and offer precise assistance, we would appreciate it if you could provide us with access to your site’s wp-admin. Please submit these credentials securely in the private content area designated for such sensitive information.

    We kindly recommend that you take a complete backup of your site before proceeding.

    We are committed to delivering the support you require and look forward to your prompt response.

    Best Regards,
    The 8Theme Team

    Avatar: Goostaf
    Goostaf
    Participant
    March 22, 2024 at 15:46

    It’s like your carousel didn’t load..your module is there, I have sent the login information, please take a look. The ultimate goal is for the client to understand that there are more bars on the carousel on the right and you can scroll through it and watch hidden content. To do this, I suggested an option, it is possible that part of the hidden block gets out or part of the block becomes transparent, as if you need to scroll through to see the contents.

    We don’t want to use the standard arrow navigation, so we’re looking for options. I also threw off an example of a screenshot from another site, where part of the card is sticking out, showing that you can scroll the contents further, something like that and we want to do with the carousel

    Please contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    Avatar: Goostaf
    Goostaf
    Participant
    March 22, 2024 at 18:25

    Here is another example, what we want to do with our carousel, you can see that part of the block is sticking out, something like this can be done with styles in our carousel

    Files is visible for topic creator and
    support staff only.
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    March 23, 2024 at 06:36

    Hello, @Goostaf,

    Thank you for your response.

    We regret to inform you that the WP-Admin login credentials you have provided are currently invalid or not functioning properly. To assist you effectively and ensure the security of your information, we kindly request that you provide us with the correct and working WP-Admin login details. Please submit these credentials through a secure, private channel to maintain confidentiality.

    Your cooperation is greatly appreciated, as it will enable us to examine your settings thoroughly and offer the necessary support.

    Thank you for your prompt attention to this matter.

    Warm regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Goostaf
    Goostaf
    Participant
    March 23, 2024 at 09:04

    I’m sorry, please try again

    Avatar: Justin
    Luca Rossi
    Support staff
    March 23, 2024 at 16:08

    Dear Goostaf,

    We kindly request that you implement the following custom CSS code by navigating to Theme Options, then selecting Theme Custom CSS, and finally entering the code into the Global CSS section:

    
    /* Show hidden part of carousel */
    .et-custom-carousel .swiper-container {
        overflow: visible !important;
    }
    
    /* Hide the arrow navigation */
    .swiper-custom-right:not(.et-swiper-elementor-nav), .swiper-custom-left:not(.et-swiper-elementor-nav) {
        display: none;
    }
    

    We trust this will assist you with your customization needs.

    Warm regards,
    The 8Theme Team

    Avatar: Goostaf
    Goostaf
    Participant
    March 23, 2024 at 21:04

    Now the whole carcass is visible, and not a piece, as we would like (screenshot 1), but it is impossible to do something with styles like in screenshot 2? I.e., how would the last visible element disappear (screenshot 2), I think it will be clearer to users and more beautiful

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    March 24, 2024 at 09:46

    Hi @Goostaf,

    Unfortunately, it would require the customization code and be out of scope support. However, we invite you to submit a request to our team through the following page: https://www.8theme.com/taskboard/ If it receives enough votes from other customers, our development team will consider adding it in one of the upcoming updates.

    If you wish a developers team can personally assist you via customization service.
    To get started, please follow this link to send your request with requirements – https://prnt.sc/PZkD4AEf27qO https://www.8theme.com/account/#etheme_customization_panel , and a detailed estimate for the customization work will be prepeared. Our goal is to create a design that aligns with your vision and enhances your website’s appearance and functionality.
    Customize your website to suit your needs and make it stand out with expert dev team.

    Thank you for your cooperation and understanding.

    Best regards,
    The 8Theme Team

    Avatar: Goostaf
    Goostaf
    Participant
    March 28, 2024 at 08:40

    Can your code be applied to the mobile version? I try, but embed in css, but nothing happens

    Avatar: Justin
    Luca Rossi
    Support staff
    March 28, 2024 at 08:53

    Hi @Goostaf,

    On the mobile version, the width of carousel is not enough to show the hidden part.

    The custom CSS codes work on desktop only.

    Best regards,
    The 8Theme Team

    Avatar: Goostaf
    Goostaf
    Participant
    March 28, 2024 at 09:08

    Okay, thanks, but shouldn’t I add a navigation arrow in my mobile? I put it in the settings, but I don’t see it

    Avatar: Justin
    Luca Rossi
    Support staff
    March 28, 2024 at 09:29

    Hi @Goostaf,

    Please uncheck this setting of slider carousel:

    https://prnt.sc/GWMId5gZGDZO

    If it still doesn’t work, please also add this custom CSS:

    
    
    body .swiper-entry .swiper-custom-left {
        left: 0 !important;
    }
    
    body  .swiper-entry .swiper-custom-right {
        right: 0 !important;
    }
    

    Best regards,
    The 8Theme Team

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.