-
Posts
-
Hello, I have some unexpected image hover effect on this page – http://tylo.comadev.noc.lv/proizvoditeli/
Please hover over first and second logos – (TYLO and EOS) Tylo will act as an image with link, and EOS will display hover arrow. Both images have exactly same settings. Can you help me please?
Hey vadikcoma,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.page-id-1730 .image-overlay.overlay-type-extern { display: none !important; }Could you enable the Advanced Layout Builder debug mode http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/
and get back to us.
If you need further assistance please let us know.
Best regards,
VictoriaHi Victoria, thank you, I’ve enabled debug mode – http://tylo.comadev.noc.lv/wp-admin/themes.php?page=my-custom-functions
I would like to discover the reason for this bug, rather than trying to fix it with css, because its quite strange to have this overlay only on two images
Hi vadikcoma,
Shortcodes look the same, but render differently. It’s just the matter of diplaying the overlay or not.
[av_image src='https://tylo.comadev.noc.lv/wp-content/uploads/2014/08/helo_Logo_big-300x156.jpg' attachment='1708' attachment_size='medium' align='center' styling='' hover='' link='manually,http://www.helosauna.com/' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image][av_image src='https://tylo.comadev.noc.lv/wp-content/uploads/2014/08/kastor-big-300x92.jpg' attachment='1709' attachment_size='medium' align='center' styling='' hover='' link='manually,http://www.helosauna.com/products/kastor/sauna-stoves/' target='' caption='' font_size='' appearance='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' admin_preview_bg=''][/av_image]Best regards,
VictoriaThank you Victoria, maybe there are some way to find out why this image is rendered in such way? It just seems quite odd :-)
Hi vadikcoma,
The investigation may take up way more time than I would like, there too many variables here from the environment you have to the instance setup, meaning plugins and stuff. I would rather spend this time helping other customers than looking for the reason of the issue that we have an easy solution to.
Let me know what you think. If you need further assistance please let us know.
Best regards,
VictoriaHello Victoria, I totally understand your concern about solving this issue in most efficient way, however the reason why I want to get to a core of this problem, is that probably this issue is a signal, that there is something wrong with files or installation, and this will cause more problems in the future.
For example, currently we have another, identical issue with footer, which can be solved with CSS, but it appears randomly and I have to watch each page when creating new pages.
Take a look at this screenshots:
http://prntscr.com/fpjshl
http://prntscr.com/fpjsp7We are solving this issue with this CSS:
.page-id-229 #footer, .page-id-229 #socket { padding-left: 350px!important; }
.page-id-1730 #footer, .page-id-1730 #socket { padding-left: 350px!important; }Hello Victoria, as a follow up to my previous comment, there are different font size of text in footer on some pages without any reason. Here are screenshots
http://prntscr.com/fpr98i
http://prntscr.com/fpr9hbAnd here is another one on a translated page – http://prntscr.com/fpre8g
page url – http://tylo.comadev.noc.lv/lv/partnery/
All image blocks have absolutely the same settingsIt definitelly looks to me as something worth a deeper look, which I will really appreciate!
Hi,
Can you check the words here:
SIA SAUMIX
Юридический адрес: Ropažu iela 28-69, Rīga, LV-1039
PVN номер. LV50103603591
Банк: SWEDBANK
Код банка: HABALV2X
Счёт: LV94HABA0551034566506I think they have an open font tag, that is why it goes to footer.
Best regards,
BasilisHi Basilis, just checked in TEXT editor – no tags at all, please see screenshot:
http://prntscr.com/fqtkgpHello Victoria, we managed to solve footer issue, it was due to conflict with SEO Images plugin. No idea how they conflicted.
The only issue left is image hover, which appeared randomly. This wasnt fixed after removing SEO Images plugin
Yes, your solution works, but it would be nice to find the core of this issue. Same like with footer, I could patch whole site with CSS, rather than searching for core issue. So it appeared to be a conflict with plugin.
With this hover effect – I’m still not sure what might cause that, I’ve disabled all plugins and hover effect is still thereHi,
The overlay or hover effect of the image doesn’t display because the height of the image doesn’t exceed over 100px.
Best regards,
IsmaelHi Ismael, thank you so much!
There is a way to switch off hover effect for individual images, right?Hi,
Yes, there is but you have to turn on the custom css class attribute and add a custom css modification.
// http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
CSS Code:
.custom-css-class .image-overlay { display: none !important; }You have to change the “custom-css-class” selector with the actual custom css class attribute of the image or element.
Best regards,
IsmaelHi there!
We’re glad that Ismael was able to help you! Do you need further help with this topic, or can we close this thread?
Best regards,
Sarah
- The topic ‘Unexpected hover effect’ is closed to new replies.