Forum Replies Created
-
Posts
-
No. Still waiting.
Our company site is based on the Enfold Fullscreen Slider, and right now, video slides are a no go.Here’s what I’ve noticed:
Fixed background in Color Sections fallback nicely to scroll on older iPhones.
Fixed background in Fullscreen Sliders do not.Adding this CSS allows the Fullscreen Slider to behave like a Color Section and solves the background image issues on older iOS devices:
.avia_mobile .avia-fullscreen-slider .avia-slideshow > ul > li {
background-attachment: initial !important;
}Here’s what I’ve noticed:
Fixed background in Color Sections fallback nicely to scroll on older iPhones.
Fixed background in Fullscreen Sliders do not.Adding this CSS allows the Fullscreen Slider to behave like a Color Section and solves the background image issues on older iOS devices:
.avia_mobile .avia-fullscreen-slider .avia-slideshow > ul > li {
background-attachment: initial !important;
}Hi Yigit,
Thanks for the suggestions.
1. I checked settings in the header section, every language has same, but the only English version has clean looks of header after loading, but others don’t.
2. Social icons options are now enabled for every language, it worked. Thanks.
3. I did this thing after translation. Thanks for doing it for me.I have a new query, How I can change the URL for Chinese version http://sushilkin.com/dci/zh-hans/
to http://sushilkin.com/dci/cn/Regards,
SushilHi Yigit,
Thanks for the quick reply.
Yes, It worked,
1. Looks different in others language versions with lines in the header.
2. How to enabled footer social icons.
3. Polish and Russian version pages showing 404 error,
http://sushilkin.com/dci/pl/
http://sushilkin.com/dci/ru/but the pages exists as:
http://sushilkin.com/dci/ru/главная/ to
other languages are fine.
Regards,
SushilThanks, Rikard,
But I am not sure where are the social media icons? The were there before implementing the WMPL. also unable to see them in the footer.
Regards,
SushilHi Jordan,
It worked, but I had to put this code with all language versions under quick css.
Thanks for your help.
Best Regards,
SushilHi Jordan,
Thanks for the quick reply. Actually, I am not a developer, So can you please guide me exact steps or code nee to implement, That would be great.
Best Regards,
SushilHi Jordan,
I already implemented the new version, when it is not resolved after installing new version then i raised my query here.
Please suggest something to resolve it.Thanks,
SushilHi Andy,
Now these hot sports can’t be found easily. When somebody load the the page first time, or refresh the page 2-3 times then hotspot shows for fraction of a second. I already said its an acceptable solution for me. It’s done for me.
But this time I am only suggesting that if, you provide the option to change the color of hotspot, pulse colour to transparent and option to increase size at hotspot properties (see the snapshot), its good for users to customize as per their need. May be in next update.
Hi Yigit,
Now all hot spots are visible for one second and then disappear all.
But It works better now. It’s an acceptable solution.Just for an idea, is it possible to change the color and shadow of hot spot to transparent instead of white or any color in hotspot properties.
Regards,
SushilHi Yigit,
Please have a look on video now.
in fact your screenshot is also not working for me. (Image could not be loaded)You can see in the video, all hotspots visible at page load and disappear one by one. I want not to show white hotspots. only invisible.
Regards,
SushilHi Andy or Ismael,
no one is replying. Can you please tell how much time it will take to resolve this issue.
Thanks.
SushilI also tried following
#top .dct-hotyspot .av-image-hotspot.av-display-hotspot {
opacity: 0;
height: 70px;
width: 70px;
}
.av-hotspot-container .av-image-hotspot-pulse {
display: none !important;
animation: none !important;
}problem is same as before.
Hi, I put the above code and the final code is:
#top .dct-hotyspot .av-image-hotspot.av-display-hotspot {
opacity: 0;
height: 70px;
width: 70px;
}
.av-hotspot-container .av-image-hotspot-pulse {
display: none !important;
}
.av-hotspot-container .av-image-hotspot_inner
background: transparent !important;
}
.av-hotspot-container .av-image-hotspot-pulse {
display: none !important;
animation: none !important;
}
issue is same. No changeHi Ismael,
I put the above code after the existing code in quick CSS but issue is still the same.
existing code is
#top .dct-hotyspot .av-image-hotspot.av-display-hotspot {
opacity: 0;
height: 70px;
width: 70px;
}When I tried to put code above the existing code, all the white hotspots were visible (not disappear).
Hi Ismael,
Yes I implemented, but it works slowly.
I checked and recorded video for you.
Please check here.
https://www.youtube.com/watch?v=is0aeN-RUFIIt first loads all the hotspots and then make it invisible one by one.
Thanks,
SushilHi Yigit,
It’s okay. I don’t know how to create admin login.
My problem is solved but if you can look at the page, hot spots taking time to get invisible. first it shows all the hotspots and then making invisible one by one as per their sequence.
Thanks,
SushilHey Yigit,
Thanks for your help I done it. So what I could understand is here:
Step 1. Go to Appearance> Editor – Select Enfold Theme (if you are using Enfold Child) then Select Theme function file (functions.php)
Step 2. Just remove // in front of the add_theme_support(‘avia_template_builder_custom_css’); function and update
(this code is already in functions.php you can just copy and this code and use Ctrl+F to find its location)Step 3. Open the page where you are using hotspots and put any unique name for class under Custom Css Class field
(you can use name with some prefix for example dct-hotspot, dct is prefix so, it makes the class name unique)
Step 4. Navigate to Enfold theme options under General Styling tab, put the following code under Quick CSS section.
.dct-hotspot .av-image-hotspot.av-display-hotspot {
opacity: 0;
height: 70px;
width: 70px;
}Step 5. Refresh the page. All done, see the change. hot spots are not invisible.
Hi Yigit,
Thanks for your response.
I checked the link it says Turn on Custom CSS Class Field.
“Once enabled (How to enabled?), the following function adds a new field to each of your Advanced Layout Builder element’s pop up menu.
First Add this line of PHP to your functions.php file so that the custom class field is enabled:
add_theme_support(‘avia_template_builder_custom_css’);”Can you please tell How I can “Turn on Custom CSS Class Field”
If you can tell step by step then it will be very easy for me. I am not a Coder but I can do exactly you suggest.
Also I am using Enfold Child Theme, So do I need to edit function.php of child theme or main?
Thanks,
Sushil
