This topic has 15 replies, 3 voices, and was last updated 8 months, 4 weeks ago ago by Luca Rossi
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
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
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?
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
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
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
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
I’m sorry, please try again
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
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
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
Can your code be applied to the mobile version? I try, but embed in css, but nothing happens
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
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
Hi @Goostaf,
Please uncheck this setting of slider carousel:
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
You must be logged in to reply to this topic.Log in/Sign up