Carousels

[Cenk]

Hello,

Please check attached screenshot picture. I added a line as you can see in the picture highligted with red colour. I would like see that the text I add to that line changes automatically and by clicking the buttons that you can see in the picture as well(highlighted with yellow square). Could you please inform me if this is possible? If it is so, how can I make it. Thank you very much for your help.

https://artlift.com.tr/yeni/foto.png

---

[Support]

Hello,

That’s possible. Please follow the instructions below:

1) First add the class show-nav-title and custom-show-nav-title-position to the carousel:

2) Add the given code below at (css/custom.css):

.custom-show-nav-title-position.owl-carousel.show-nav-title .owl-nav{
    top: 36px !important;
}

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Tucson HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Cenk]

Hello,
First of all, thank you very much for your support!

I need your help for the following problems and I promise these are the last ones 🙂

Kindly check attached SS and follow the numbers you can see on the picture and I listed below.

1. As you see, the button is situated above the text. I need it to be fixed.
2. On the PC version there are “arrow buttons”, and it looks perfect. However, on mobile version I would like to see “dots” instead of those arrow. Is this possible?
3. I would like to align the text to the left.

Thank you very much for your help. I’m glad that I use your template for my own company’s website!

Sample Image
https://artlift.com.tr/yeni/foto1.png

---

[Support]

Hello,

Great! 🙂

1) We can ignore this question since the number 2 will remove these arrows.

2) Change the HTML of the owl carousel to:

<div class="owl-carousel owl-theme stage-margin nav-style-1 show-nav-title custom-show-nav-title-position mb-0" data-plugin-options="{'responsive': {'0': {'items': 1, 'nav': false, 'dots': true}, '576': {'items': 1, 'nav': false, 'dots': true}, '768': {'items': 1}, '992': {'items': 1}, '1200': {'items': 1}}, 'autoHeight': true, 'autoplay': true, 'autoplayTimeout': 4000, 'margin': 10, 'loop': false, 'nav': true, 'dots': false, 'stagePadding': 30 }">...............</div>

* Note the code to remove arrows on small screens and add the dots.

3) Sorry but i’m litle confused. The test is already aligned to left. Maybe you already solved this issue, right ?

Hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Tucson HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Cenk]

Thank you for your support.

I aligned the text to the left but it didn’t work I guess. Kindly check attached pictures and you will see what I mean. On the other hand, on mobile version, although we removed the arrows(button), text doesn’t seem complete. End of the text is still a problem. 🙂

Sample Image
https://artlift.com.tr/yeni/foto1.png
https://artlift.com.tr/yeni/foto2.png

---

[Support]

Hello,

Oh right!

1) To left align on desktop, change the HTML of carousel to:

<div class="owl-carousel owl-theme nav-style-1 show-nav-title custom-show-nav-title-position mb-0" data-plugin-options="{'responsive': {'0': {'items': 1, 'nav': false, 'dots': true}, '576': {'items': 1, 'nav': false, 'dots': true}, '768': {'items': 1}, '992': {'items': 1}, '1200': {'items': 1}}, 'autoHeight': true, 'autoplay': true, 'autoplayTimeout': 4000, 'margin': 10, 'loop': false, 'nav': true, 'dots': false }">......</div>

* Note I removed stage-margin and stagePadding.

2) The change above should solve this issue too.

We hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Tucson HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Cenk]

Hello Rodrigo,

Thanks for your help man you are a lifesaver. I hope I will complete my website very soon with your great support.

Kindly check attached pictures. There is another error. Once you check the pictures you will see what I mean.

Please help me with the following as well;

1) do you think that we could do something to change the way the text changed down-up direction.(As you know it changes from right to left at the moment)

2) As you can see, There are 3 news changes one after another. However, once these 3 news displayed successively, it stops running. It should start running from the beginning, don’t you think so? Please tell me how I can make this possible.

Thank you very much for your prompt support.

Sample Image
https://artlift.com.tr/yeni/foto4.png
https://artlift.com.tr/yeni/foto5.png

---

[Support]

Hello,

Great!

Regarding wrong position when the site is live, that’s because your custom.css file is empty:

1 and 2) This is possible, please change the carousel to:

<div class="owl-carousel owl-theme nav-style-1 show-nav-title custom-show-nav-title-position mb-0" data-plugin-options="{'responsive': {'0': {'items': 1, 'nav': false, 'dots': true}, '576': {'items': 1, 'nav': false, 'dots': true}, '768': {'items': 1}, '992': {'items': 1}, '1200': {'items': 1}}, 'autoHeight': true, 'autoplay': true, 'autoplayTimeout': 4000, 'margin': 10, 'loop': true, 'nav': true, 'dots': false, 'animateIn': 'slideInDown', 'animateOut': 'slideOutDown' }">.....</div>

* Note 'animateIn': 'slideInDown', 'animateOut': 'slideOutDown'.
* Note loop option changed to true.

Hope this helps!

Kind Regards,

Rodrigo.

---

If you are satisfied with Tucson HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Cenk]

Dear Rodrigo,

Everything is just perfect now. Thank you very much for your help. Is there a way for me to vote for the quality of your assistance? If so, I would love to vote and comment for you man.

Have a great weekend!

---

[Support]

Hello,

So glad to know you are enjoying with Porto and our support! Thanks for the kind words!

You can leave a review about our template at your ThemeForest downloads section:
https://themeforest.net/downloads

Would be great to see your review about us there!

Kind Regards,

Rodrigo.

---

If you are satisfied with Tucson HTML and our support, please leave your comment and rating on ThemeForest downloads page. That helps us a lot: https://themeforest.net/downloads

---

[Author]

Posts