When I have my gallery set up, and I have lightbox enabled on the options, the photos only load in a new page, not lightbox. I have changed the actual html or css of anything other than the quick css. Here is my quick css:
.image-overlay-inside, .image-overlay.overlay-type-extern {
display: none;
}
.image-overlay { display: none!important; }
img{ border-radius: 0 !important; }
@media only screen and (min-width: 768px) {
/* Adopt Enfold's line height */
#megaMenu,
#megaMenu ul.megaMenu,
#megaMenu ul.megaMenu > li.menu-item,
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > a,
#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-item-depth-0 > span.um-anchoremulator{
line-height:inherit;
height:inherit;
}
/* Display items as tables to allow for vertical centering */
#megaMenu ul.megaMenu > li.menu-item{
display: inline-table !important;
margin:0 !important;
padding:0 !important;
border-collapse:collapse !important;
border-spacing:0 !important;
}
/* Vertically center menu item contents */
#megaMenu ul.megaMenu > li.menu-item > a,
#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator,
#megaMenu ul.megaMenu > li.menu-item > .wpmega-nonlink{
padding-top:0;
padding-bottom:0;
display: table-cell !important;
vertical-align: middle;
border-collapse:collapse !important;
border-spacing:0 !important;
position:relative;
}
/* Align submenus properly relative to table */
#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > ul.sub-menu.sub-menu-1{
top:100%;
left:0;
white-space:normal;
}
#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu-1 > li.menu-item{
vertical-align:top;
float:none;
}
/* Fix hover table shift */
#megaMenu ul.megaMenu > li.megaHover{
margin-right:-1px !important;
}
/* Set search dropdown to proper height */
#megaMenu .avia-search-tooltip{
top:100% !important;
background:white;
}
}
Please help, I want lightbox to work and I want all of these options to work still as well. Thanks
I got it.
I just deleted the link and replaced it with #
$thumbs .= " <a href='#' data-rel='gallery-".self::$gallery."' data-prev-img='".$prev[0]."' {$class} data-onclick='{$counter}' title='".$description."' $markup_url><img {$tooltip} src='".$img[0]."' width='".$img[1]."' height='".$img[2]."' title='".$title."' alt='".$alt."' /></a>";
$first = false;
}
Hi!
That is possible but the tooltip will pop out over and over again. You can add something like this on Quick CSS or custom.css:
.avia-tooltip {
margin-top: 80px;
margin-left: 5px;
}
Cheers!
Ismael
Hey!
No, this topic is not a single grouped bug thread topic. I’m going to close it off for now actually as the main issues should be fixed in the update that is getting pushed out today.
If anyone is still having issues please make a new topic outlining the specific issue.
Best regards,
Devin
Hey!
Oh, the google maps widget does not support this option. However you can use this code to open the tooltip automatically:
add_filter('avia_google_maps_widget_config','avia_google_maps_change_widget_config', 10, 1);
function avia_google_maps_change_widget_config($config){
$config = str_replace('google.maps.event.addListener','infowindow.open(map,marker); google.maps.event.addListener',$config);
return $config;
}
Insert the code at the bottom of enfold/functions.php or place it into your child theme functions.php file.
Cheers!
Peter
BOOM! Worked and looks awesome. Thanks so much!
Hi Sistah!
You can specify the width and height directly on the “Marker Tooltip” field. Something like this:
<div class="" style="overflow: auto; width: 200px; height: 100px;">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
</div>
Best regards,
Ismael
How do I get the tooltip to NOT wrap text with scroll bars? On the demo even with long text, no scroll bars appear.
DEMO: http://kriesi.at/themes/enfold/pages/contact/
Mine: http://www.sistahhollywood.com/contact/
Thanks in advance
Hey!
You can use following code in Quick CSS
.avia-tooltip .avia-arrow { background: red; }
Cheers!
Yigit
Hello,
I am now subscribed to this thread as well. If I am confused, please let me know, but from what I understand, this thread is indicating that some iPad users are not able to see the icons+circles due to a fall back that disables them? Why is the fall back to display nothing on something as highly utilizable as effect rings? Without the hover effect, they act as perfectly good navigation buttons with no hover effects, so why remove them entirely? I’m using those as in page navigation on the site and need to know if this is going to be an issue as I need to rethink the entire design now. If you could supply the CSS that would let these icons remain on all devices, that would be super useful. I’ll start my own post on this if it helps but this is something that I need to confirm now.
Thank you,
-AddWebToday
Hey!
You just need to insert some content into the “Marker Tooltip” field and then a new option (a checkbox) will appear where you can select if the tooltip should be opened or closed by default: http://www.clipular.com/c/4537357877379072.png?k=_jhSP0lkBqarY2CfXZu6dS7VLp4
Best regards,
Peter
Hey rkap!
Please add following code to Quick CSS as well
.av_font_icon.av-icon-style-border .av-icon-char { padding: 10px; }
#top .avia-icon-tooltip { font-size: 12px!important; }
Regards,
Yigit
Hey AntonNovikov!
Please add following code to Quick CSS in Enfold theme options under Styling tab and adjust as needed
.avia-tooltip { color: red; font-family: "Times New Roman",Georgia,Serif; }
Regards,
Yigit
I would like to change the tooltip fonts and colors. How do we go about this.
What css effects these elements, anyone?
Thanks.
Great support and theme..
Sorry now it worked out. Problem was on my site! ;)
Hi,
how can i dit the tooltips field for the google maps element? In the example there is some editing ” Howdy!” is written orange.
http://kriesi.at/themes/enfold/pages/contact/
In fact i need to write some text and link linkt this to another page. How can i do that?
Regards, Simon
-
This topic was modified 12 years ago by
simonac.
Hi, the “Hide Mobile Menu Submenu Items” option not work with Mega menu, when is active no click on section to open sub-menus… on iPad, they work on computer.
Regards.
Jean
No change
Fresh install, deactivated plugins and still the problem exists.
What do we do next Devin?
I’m not sure what the root cause of it is but I’ve not had any of the same issues when updating my demo site or any client sites so far. I would suggest deactivating all currently active plugins and then re-installing the last update over FTP and make sure there are no write errors.
For a quick guide on updating your theme take a look at this video on updating the Enfold theme via FTP: https://vimeo.com/channels/aviathemes/67209750
Then see if things get back to normal working order.
I agree to: do not work anymore on iPad :-(
All of us should have a developement site to test Enfold upgrade before go online, that’s why i do and it make my life better :)
Hey Devin
just run 2.6.1 and the animations have NOT returned. It worked once after the re-install but now they are static again :( Sam with the Icon ‘rings’ on the homepage (like the Demo site) – no animated ‘pulse’…
You may like to know that the Portfolio items featured on the homepage are NOT CLICKABLE links on an iPad or iPhone! What? Yes, they were but now they aren’t. You cannot select any of them to open the Ajax box animation anymore – they are just static images on the tablet and phone.
This is a bad situation for me; can you have a look please?
thanks
Ed
-
This reply was modified 12 years ago by
Swarez.
Hi Sistah!
Are you talking about the tooltip? Please add this on Quick CSS or custom.css:
.avia-tooltip {
display: none !Important;
}
Best regards,
Ismael
Hey Devin, thanks for getting back to me.
Try any portfolio item: http://www.swarez.co.uk/modern-art-paintings-for-sale/timeslides/ for example
Thanks
Ed
Can you point me to an example of things not animating? Progress bars would be the easiest to see and dig into.
Thanks Devin
I’ve adjusted and tested the mobile menu responsiveness and that works fine, thankyou.
Shame about the hover events on the iPad – will have to accept it for what it is I guess…
As for fonts it definitely looks different than before but I’m not going to jump up and down about it. However, the way each browser is handling H1 – H6 tags is not correct. Bold, ugly and heavy in IE and Safari but looking great in Chrome and FF.
Any ideas why the animated events don’t work on any browser? Captions don’t scroll on the homepage slider, progress bars don’t animate either.
Thanks for your help.
Regards
Ed
Hi!
The avia.js change is no longer needed as there is an option for it in the header theme options tab under the sub tab “Mobile Menu”. So the previous css should also be removed and the setting controlled from there alone.
For me at least the font-family is showing as open sans.
The icons on iPad I believe is intentional because they aren’t hover events. So the fallback is to not show them.
Best regards,
Devin