Page 1 of 1
carousel button
Posted: Wed Nov 27, 2024 3:49 am
by alexoliveira
A frequent complaint from my clients at the agency is that the carousel button is crooked and they charge me a lot to fix it, does anyone have a solution?
https://ibb.co/THMksSp
Re: carousel button
Posted: Wed Nov 27, 2024 7:08 am
by Pablo
Do you have a demo project so I can see all your settings?
Re: carousel button
Posted: Thu Nov 28, 2024 4:35 am
by alexoliveira
Re: carousel button
Posted: Thu Nov 28, 2024 7:31 am
by Pablo
You are using the Card Container in carousel mode. This is based on the OWL script. This third party script is using the < and > characters of the default font-family for navigation.
So, if you want to control the appearance of the arrows then you can select a different font in the page properties.
If you want to control the exact position of the arrow then you can add some custom code. Note that the offset depends on the selected font so this cannot be done automatically.
Code: Select all
<style>
#CardContainer1 .owl-nav button.owl-prev,
#CardContainer1 .owl-nav button.owl-next
{
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
}
#CardContainer1 .owl-nav button.owl-prev span,
#CardContainer1 .owl-nav button.owl-next span
{
transform: translateY(-6px);
}
</style>
Re: carousel button
Posted: Thu Nov 28, 2024 10:29 am
by alexoliveira
Thank you very much Pablo, the code is working correctly.
Re: carousel button
Posted: Mon Jan 20, 2025 8:22 am
by alexoliveira
Could you consult this website and tell me why the code is not working on the button?
https://tonydivisorias.com.br/
Re: carousel button
Posted: Mon Jan 20, 2025 8:32 am
by Pablo
Where exactly on the website I need to look?
Can you please be more specfic?
Re: carousel button
Posted: Mon Jan 20, 2025 8:46 am
by alexoliveira
Of course... on the carousel button (next - prev), I applied the code provided and it is working correctly on other sites, but on this specific one it didn't work. ID: (produtosslid)
Re: carousel button
Posted: Mon Jan 20, 2025 8:53 am
by Pablo
The code has been applied incorrectly.
It should be in Page HTML, not in the class property.
Re: carousel button
Posted: Mon Jan 20, 2025 8:56 am
by alexoliveira
I just checked that when changing the general font, the code works again.
With that, I thank you for the support.
Re: carousel button
Posted: Mon Jan 20, 2025 8:58 am
by alexoliveira
Pablo wrote: Mon Jan 20, 2025 8:53 am
The code has been applied incorrectly.
It should be in Page HTML, not in the class property.
Where would it be correct to add the code?
Re: carousel button
Posted: Mon Jan 20, 2025 9:05 am
by Pablo