-
Posts
-
Hi,
1. I am using two content sliders (animated heading at top and testimonial slideshow, lower page) on my single-page website, but would like to have different slide durations for each of them. I’ve customized the duration of the heading slideshow but the duration needs to be longer for the testimonials. Could you please tell me how this can be accomplished?
2. Could you please tell me how to achieve a reversed, white type on black background Google map tooltip, similar to the phone icon button tooltip I have just below the contact info?
Thanks in advance,
TrevorHi trevorjohnston!
Thank you for using Enfold.
1.) You can set the Slider autorotation duration for each content slider. Edit the element then scroll below to change the autorotation value.
2.) I’m sorry but can you please provide a screenshot of what you’re trying to do?
Best regards,
Ismael1. The problem is I had to set a custom slide duration for the first heading animation slide show and that same timing is getting applied to the second slide show, which requires it’s own unique autorotation
2. If you click on the orange locator icon on the large Google map above my Contact form, you will see the tooltip appears with black type on the white pointer box. If you mouseover the Green phone button below my Contact form, you will see the tooltip appears with white type on a black pointer box. I would like the map locator tooltip to appear as it does on the phone tooltip, with white type on the black pointer box.
Thanks,
TrevorHey!
Thank you for the update.
1.) I’m sorry but it’s not possible to apply different autorotations duration on slides inside the slider.
2.) Again, I’m really sorry but this particular request is not possible without modifying the google maps api. Anyway, I’ll ask the rest of the support team if they have any idea. You can only apply css style inside the infoWindow:
.avia-google-map-container .gm-style-iw p { background: black; color: #ffffff;}Regards,
IsmaelHi Ismael,
1. I think you may have misunderstood my request. I am not trying to have different slide durations within the same slider. I am trying to have different slide durations in two different sliders, but am not able to achieve this (yet) because I had to customize the autorotation time on the first slider. To be specific, my first slider, the “Art that works” animated heading, required a slide duration of less than 1 second, so I had to edit the js file (I believe it was). BUT, this resulted in my Testimonials slide show rotating at the same speed of less than a second, regardless of what timing I choose in the backend setting.
2. As you probably know, that code only changes the text container, not the surrounding pointer window.
Hey!
With regards to the sliders, amending the js files is not recommended since this affects all other slider that you create.
I’ll be happy to have a look if you could forward us administrative credentials to your site.
Please check the “Set as private reply (Only you and moderators will see the content of this post)” option before posting any sensitive information.
As to your issue with the google map markers infowindow, you can only change the colors by using unique selectors. This creates another issue though. The close button cannot be changed. Here is the code anyway:
.gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(4), .gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1), .gm-style > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(2) > div:nth-child(1){ background-color:#000 !important; }If you wish to change the map marker you will need override the google map code to implement a custom marker style.
I would suggest using a code block to add your custom google map code. You can use the following articles and code to help you:
http://stackoverflow.com/questions/7616666/google-maps-api-v3-custom-styles-for-infowindow
http://jsfiddle.net/jEhJ3/597/Best regards,
Arvish
- The topic ‘Slide show duration and tooltips’ is closed to new replies.