-
Search Results
-
In reply to: Remove browser tooltip in Masonry blog
Hi!
Checking your website on Chrome’s latest version 35.0.1916.153, i cannot see any tooltips. Please make sure to flush browser cache and refresh your page a few times
Best regards,
YigitIn reply to: Remove browser tooltip in Masonry blog
Hi!
I’ve checked it and I see it’s a browser difference. In the latest versions of IE, Firefox & Safari it works great.
Only Google Chrome (my version: 34.0.1847.131 m) does show the tooltip on the hover of a single image thumbnail.Regards,
RoyTopic: Lightbox and hover text
Hi there, I noticed that the tooltip/hover text is still not aligned, until i resize the browser to just the edge of the box of the website.
http://www.afa.org.sg/wordpress/whatwedo/educate/msm/team/
Also the light box is having the same problem. it isn’t aligned to the centre.
http://www.afa.org.sg/wordpress/whatwedo/educate/hso/gallery/
In reply to: Remove browser tooltip in Masonry blog
Hi!
Can you show us an example please? I cannot see any tooltips on the page you posted in your first post.
Regards,
YigitIn reply to: Remove browser tooltip in Masonry blog
Thanks! I see no more tooltip in the message so that’s great.
But I still see a tooltip by hovering on each image.
Hi there,
I want to remove the standard browser tooltip on the images & the message itself in the Masonry blogpage.
I saw another topic with the same question and their was a solution but the solution wasn’t placed in the topic.
Could anyone help me how to fix it?
In reply to: Google Maps Shortcodes
Topic: Problems with Quick CSS
Hi,
I apologize for my noobiness, but I am having troubles with my Quick CSS entries. They had been working well for a while, but somehow are now messed up so that some work and some don’t. Specifically, the resizing of the phone number top right of the header and the search icon bottom right of the header, as well as the phone icon button below the contact form. I suspect it has something to do with my curly brackets. Here is my Quick CSS:@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 93%;
height: auto !important;
margin-left: 0px!important;
margin-top: 5px!important;
}@media only screen and (max-width: 767px) {
#advanced_menu_toggle{
display: block;
right: -15px;
top: 40px;
}@media only screen and (max-width: 767px) {
#mobile-advanced {
background-color: rgba(255,255,255,0.95);
}@media only screen and (max-width: 990px) and (min-width: 481px) {
div.grid-content {
display: none!important;
}div.grid-content { pointer-events: none;
}.av_phone_active_right .phone-info {
padding-left: 0px;
font-size: 14px;
}#top .menu-item-search-dropdown > a,
#searchform #searchsubmit, .ajax_search_image, .iconfont {
font-size: 22px;
}@media only screen and (max-width: 990px) {
#socket .sub_menu_socket { display: none;
}span.special_amp:nth-of-type(1) {
margin: 0 -0.02em;
}span.special_amp:nth-of-type(2) {
margin: 0 .01em;
}.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}.av_font_icon.av-icon-style-b}} .av-icon-char {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #96af29;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}@media only screen and (max-width: 990px) {
.avia-tooltip {
display: none !important;
opacity: 0 !important;
}@media only screen and (max-width: 990px) {
.av_font_icon.av-icon-style-b}} .av-icon-char:hover {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box;
b}}-radius: 1000px;
b}}-width: 0px;
b}}-style: none;
padding: 10px;
color: #ffffff;
background: #f7951e;
b}}-color: none;
position: relative;
width: 45px !important;
height: 45px !important;
}span.av_icon_caption.av-special-font {
color: #c3c3c3;
}2) Could you please tell me how to add a phone icon to the left of the phone number top right of the header?
Thanks,
TrevorIn reply to: POST #279510
Hi, Yigit.
Sorry again, could not find the code that you had added to functions.php. Now I’ve seen.
On this subject I mention that besides the change in functions.php, I added the code to post avia.js 268793.
With these two modifications http://www.arojo.es works well.
But the problem I have another installation of Enfold (www.rojocj.es) that I use for testing. Having made the changes in functions.php and avia.js. Watch as seen in the image gallery http://www.rojocj.es/?page_id=53: keep looking tooltips white background.
Privately I send you login details.
Greetings.
In reply to: POST #279510
Hi!
No you do not need to. You can find the code i posted here – https://kriesi.at/support/topic/remove-tooltip-images/#post-279110
in functions.php file, i have already added. Is there something wrong with it?Regards,
YigitIn reply to: POST #279510
Hi romero2!
As far as i remember i just replaced the code ( https://kriesi.at/support/topic/remove-tooltip-images/#post-279110 ) in functions.php. At the bottom of the file it didn’t work.
If you can post login credentials again i can login and make sure that was the change i did :)Best regards,
YigitIn reply to: REMOVE TOOLTIP IMAGES
Hi, Ismael.
Sorry for the defects in translation. I’ll explain:
In pictures titled (with text in the Caption field) for the galleries, when you mouse over them, we see a black vignette with the title, and also a tooltip, white background appears with the same text as the vignette. I want to see only the vignette, not the tooltip. You can see an example in http://arojo.es/reparaciones/.regards
In reply to: REMOVE TOOLTIP IMAGES
Hey!
Thank you for the access.
For clarification, you only want to remove the tooltip on the gallery images. Is that correct? Please try this on Quick CSS or custom.css in order to hide the gallery tooltip:
div.avia-tooltip.avia-tt { display: none !important; }The problem is we can’t quite understand this line from your inquiry: “How to remove the tooltip of pictures so that only aprezca title vignette)?”.
Cheers!
IsmaelIn reply to: REMOVE TOOLTIP IMAGES
Hi.
I added the function to functions.php, but does not work: continue to appear tooltips and cartoons in the titled images.Regards…
Topic: REMOVE TOOLTIP IMAGES
Hi.
I have tried removing the tooltip of the images according to your post:https://kriesi.at/support/topic/easy-slider-remove-auto-alt-text-on-images/
I applied the two modifications of code that you point out, but the tooltips have just disappeared from the images without title, you do have title appears the bullet and the tooltip with the same text
How to remove the tooltip of pictures so that only aprezca title vignette)?
RegardsIn reply to: Responsive headings + Google Maps
Hi!
For the icon box clipping you need to increase the line height for those elements to go along with your font size. Adjust your css like this:
h3.iconbox_content_title { font-size: 20px !important; font-weight: 700; line-height: 25px; }For the alt text, see; https://kriesi.at/support/topic/how-to-remove-tooltips/#post-224464
I’ve not played with anything that forces retina support locally but the best way to debug would be to check your css and then check it on a native device that support retina. Its not ideal but unless you know for sure the implementation for testing already works that is what I would do.
Regards,
DevinIn reply to: Making Title Visible on Gallery (without rollover)
Hey Paul!
You can modify the gallery template – open up wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/gallery.php and replace:
$thumbs .= " <a href='".$link[0]."' 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>";with
$thumbs .= " <a href='".$link[0]."' 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."' /><span class='img-title'>".$title."</span></a>";Maybe some additional css styling will be required but it’s a starting point.
Regards,
PeterIn reply to: Layout issues
Thank you, all works wonderfully! Really love working on this theme.
actually……. it’s not quite fixed yet, i think there’s something wrong. I noticed that the tooltip/hover text is still not aligned, until i resize the browser to just the edge of the box of the website.
http://www.afa.org.sg/wordpress/whatwedo/educate/msm/team/Also the light box is having the same problem. it isn’t aligned to the centre.
http://www.afa.org.sg/wordpress/whatwedo/educate/hso/gallery/In reply to: Responsive headings + Google Maps
Hi Ismael,
Thanks a lot for your help, I tried the CSS to make the headings more responsive and it worked a charm!
As for 2) – the clipping at the bottom of Icon Box titles – this is an example of where clipping occurs: http://www.dropbox.com/s/mc5ly7m756mj6x6/Clipped%20titles%20at%20bottom.jpg
As for the tooltips appearing on hover, I tried the code and they still appear for some reason. Any ideas? http://www.dropbox.com/s/66f35548obo0r70/Tooltip%20on%20hover.png
Thanks for the Google Maps suggestion, I checked the plugin out and the colour saturation of maps options don’t appear present as in the Maps element within the theme, but this isn’t an issue, I can always wait and see if the extra functionality is re-added in the future, no worries if it’s not!
One final question if it’s an easy solution, I’ve used background images for “Mentoring” and “About” – the aeroplane in “Mentoring” has a @2x graphic and I have the WP Retina 2X enabled which should swap out the graphics. I’ve experimented and the retina graphics don’t appear to be working, making the texture in the “PIG” section appear a bit fuzzy. Am I missing something obvious here?
Thanks a lot for all your help, have a lovely day :-)
Andreas
In reply to: Responsive headings + Google Maps
Hey atlantio!
Thank you for using the theme!
1.) First, try this on Quick CSS or custom.css to resize the heading tags:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #wrap_all .header_color h1, #top #wrap_all .main_color h1, #top #wrap_all .alternate_color h1, #top #wrap_all .footer_color h1, #top #wrap_all .socket_color h1 { font-size: 3em; } #top #wrap_all .header_color h2, #top #wrap_all .main_color h2, #top #wrap_all .alternate_color h2, #top #wrap_all .footer_color h2, #top #wrap_all .socket_color h2 { font-size: 2em; } }2.) Do you mind providing a screenshot of this issue? It looks fine on Chrome Windows 8.
3.) Unfortunately, those features has been remove on the Maps element within the theme. You might need to use a more complex google maps plugin for this particular issue. https://wordpress.org/plugins/wp-google-maps/
4.) Use this on Quick CSS or custom.css:
.avia-tooltip { display: none !important; opacity: 0 !important; }Best regards,
IsmaelHi there! I’m finishing off a website and there are four things left to improve before the site is ready, I’d be really grateful for some advice on the following please…
In reference to Wiser Property: http://wiserproperty.com/
1. I’d like to make all H1 and H2 headings shrink to respond to tablets and smartphones – as currently the titles appear really large on smaller screens. Any idea what CSS I would require for this please?
2. On the “Sell Your Home” and “PIG (Plymouth Investment Group)” sections, I have made the font size larger. As a result, the bottom of some words are cut off, notably the g and y’s. What CSS would be required so they wouldn’t be cut off?The next too aren’t really important, but if it’s a quick fix, then great!…
3. At the bottom of the “PIG” section I’ve included a Google Map. Up until recently, landmarks were listed, and were clickable – so – a hotel near the pin could be clicked which would bring up an info box, which in turn could turn the whole map into Street View. Is there an option I’ve missed, or has this functionality been removed from the Google Maps integration?
4. Is there any way to remove the tooltips that appear when you hover over images, without needing to remove the alt text?Thanks a lot for your help, it’s really appreciated! :-)
Andreas
In reply to: Different Colors for tooltip in sections
Sip, lo único que podrías hacer es limitar la aplicación del código por pagina (page-id-xx).
El código del tooltip esta en:
/config-templatebuilder/avia-template-builder/assets/js/avia-tooltip.jsIn reply to: Different Colors for tooltip in sections
In reply to: Different Colors for tooltip in sections
Hey Mario!
That code doesn’t work because the tooltips appear at the very end of the markup (outside the color section), you should use this code:
.avia-tooltip, .avia-arrow-wrap .avia-arrow{ background: rgba(255, 255, 255, 0.9)!important; color:#999999!important; }Best regards,
JosueI want to customize the background, and the color of the tooltip on one single color section.
Wich CSS rules do i need? the section id is “arbeitsweise”I’ve tried this:
#arbeitsweise .avia-tooltip, #arbeitsweise .avia-tooltip .avia-arrow-wrap .avia-arrow{ background: rgba(255, 255, 255, 0.9)!important; color:#999999!important; }But it does not work … Any idea?
Hi there. I’ve tried a number of solutions found in other threads in an effort to remove images titles on hover with no success. The one I still have applied is placing
jQuery(document).ready(function($){ jQuery('img').removeAttr('title'); });at the end of the avia.js document as found in this thread.
I’ve cleared out the cache and still have image titles appearing on hover. I’ve also tried these values:jQuery(document).ready(function($){ jQuery('a img').removeAttr('title',''); jQuery('img').removeAttr('title',''); });Any help appreciated!
CheersIn reply to: Layout issues
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.title_container .breadcrumb { right: auto; left: -2px; top: 78%; } @media only screen and (max-width: 990px) and (min-width: 768px) { .avia-tooltip { left: 283px!important; }}Please go to Enfold theme options > Header Layout > Mobile Menu > Header Mobile Menu activation and choose 990px.
Everything else looks fine on my end – http://i.imgur.com/x96rbCG.png
Cheers!
YigitIn reply to: Horizontal tooltip
Hey!
You’d need to seek for a third-party tooltip solution, like:
https://wordpress.org/plugins/simple-tooltips/That’s because the Enfold tooltip function is meant to be used only in elements that have tooltip functionality (like galleries, etc).
Best regards,
JosueTopic: How to hide Related Post
Dear Support team,
So far I always found my answer in this forum. But today, impossible to do so :-)
After the latest Enfold update, I got on the bottom of each post one area with Related Post (in French “Vous aimerez peut-être aussi”).
I can’t find where to disable it, as I already use a plugin for related post (WordPress Related Posts) that works perfectly.
Here’s the code page :
<footer class=”entry-footer”><span class=”blog-tags minor-meta”>Mots-clés :<span> assurance</span></span></footer><div class=’post_delimiter’></div></div><div class=’post_author_timeline’></div></article><div class=’single-big’></div><div class =’related_posts av-related-style-tooltip’><h5 class=’related_title’>Vous aimerez peut-être aussi</h5><div class=’related_entries_container ‘><div class=’av_one_eighth no_margin alpha relThumb relThumb1 relThumbOdd post-format-standard related_column’>
<span class=’related_image_wrap’ data-avia-related-tooltip=”Renégocier son assurance auto pour économiser”><span class=’related_posts_default_image’></span> <span class=’related-format-icon related-format-visible’><span class=’related-format-icon-inner’ aria-hidden=’true’ data-av_icon=’’ data-av_iconfont=’entypo-fontello’></span></span> </span><strong class=’av-related-title’>Renégocier son assurance auto pour économiser </div><div class=’av_one_eighth no_margin omega relThumb relThumb2 relThumbEven post-format-standard related_column’>
<span class=’related_image_wrap’ data-avia-related-tooltip=”Renégocier son assurance emprunt immobilier”><span class=’related_posts_default_image’></span> <span class=’related-format-icon related-format-visible’><span class=’related-format-icon-inner’ aria-hidden=’true’ data-av_icon=’’ data-av_iconfont=’entypo-fontello’></span></span> </span><strong class=’av-related-title’>Renégocier son assurance emprunt immobilier </div>Please let me know how to hide it.
Thanks for your answer,
RégisTopic: Horizontal tooltip
