Return to previous page

Show part of a hidden block in the carousel

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

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.

#387941 Copied Theme version: 4

14 Answers

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

#387987 Copied

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.

#388053 Copied

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

#388072 Copied

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.

#388134 Copied

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.

#388158 Copied

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.

#388175 Copied

Goostaf

Participant

March 23, 2024 at 09:04

I’m sorry, please try again

#388187 Copied
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
#388229 Copied
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.

#388262 Copied

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

#388333 Copied

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

#388872 Copied

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

#388878 Copied

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

#388884 Copied
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
#388892 Copied
Tagged: advanced wordpress carousel, hidden block carousel, show partial block, unique woocommerce themes, woocommerce block visibility, woocommerce wordpress themes, wordpress carousel features
Viewing 15 results - 1 through 15 (of 15 total)