Forum Replies Created
-
Posts
-
Hi Byrne,
I’m having the exact same issue as you.
I used the Yoast plugin to set the Canonical URL and that seemed to work.
I’m not sure what’s the right way to do it.
Did you simply set the yoast “Canonical URL” option of your page https://www.littlegemdesign.co.nz/home tohttps://www.littlegemdesign.co.nz?
thanks,
CharlesI found out an acceptable workaround for me : I’ve put the buttons within columns, and gave them a 10ms fade-in animation.
I don’t have the flickering anymore that way. You can close the thread. thanks for you time.Hi Victoria,
Thanks for getting back to me.
I finally solved this by replacing all the above code by just the following one :.avia-icongrid-flipbox li:hover .avia-icongrid-front { -webkit-transform: rotateY(0deg) !important; transform: rotateY(0deg) !important; }You can mark this thread as solved, thanks!
Can you explain/have an idea why I see 2 buttons side by side in the preview window?(cf the screenshot I posted in my first post)
that surely not something that can be related to performance/loading speed and to what you are pointing, don’t you think?I’m affraid this isn’t possible, but I’m happy to look into this myself.
Can’t you just give me just a tiny pointer about what could potentially be going on?I already have optimizations plugins and I have the same issue with my optimization plugins.
I can desactivate all the plugins, or activate them, I always have the same issue..So yes, we can start to try other solutions..
Where could be the issue? where should I start looking? what can I test?I still have the issue with all the plugins disabled (I just let the EasyDigitalDownload plugin activated, otherwise the shortcode isn’t translated to a button)
Hi Yigit,
I’ve just updated to the latest versions of enfold and edd and don’t have this issue anymore, so you can close this thread. thanks!Ok guys. you know what : I will just move to a BoxLayout and I will be fine :)
don’t bother finding a solution for the above :)edit:
actually the boxed layout was not fitting my need, as I really wanted the header and footer to be fullwidth.
So I went back to the strechedLayout, and finally got it as I wanted with the following css:.av-layout-grid-container, .avia-section, .main_color { max-width: 1600px !important; margin: 0 auto !important; float: none !important; } #main { background: #ffffff !important; }Ok, I have a partial result with the following :
.av-layout-grid-container, .avia-section { max-width: 1000px !important; margin: 0 auto !important; }this seems to work, except that the colour section is not centered.
Any tip? or another better way to do it?ah, my css was not working because I had selected the “compress css option” in the performance tab.
it’s now working with :.avia-mailchimp-form .input_checkbox_label { color: grey !important; }all good now, you can close this thread!
Hi Mike,
yes, that was with 4.3.1. weirdly I can’t reproduce it again, so that might have been due to some cache or something.
thanks for your answer and sorry for the noise!wow! so nice from you to take the time to look at that.
I now have all I need with those info+example.
Thank you again Guenni007!thanks! that’s great!
But one thing I don’t understand is that when I just set my grid as “avia-shadow”, I don’t get the same shadow as I have on the colour section elements (it’s lighter on the grid). You know if avia-shadow is defined somewhere else for the colour-section?I’m now trying to define the avia-shadow specifically for the grids the following way, but that does not work :
.av-layout-grid-container .avia-shadow { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.8) !important; }(I also tried with #av-layout-grid-1 .avia-shadow)
any idea how I can set that? (sorry, I know I’m probably missing something obvious)ok. thanks for having a look. A pity there’s no way to do such a simple thing.
I guess I will open the popup only in chrome, and for the other browsers I’ll open the link in another tab.
thanks– firefox:
no error, nothing is printed in the console
– safari:
I got the following error printed :
Failed to load resource: Frame load interruptedThe download and the modal window are working properly on Firefox.
you mean it works when you click the “click me with download” link on the page I posted?
Here (on last macOS) it only works in chrome. With last firefox (58.0.2) or safari (11.0.3) (both without any plugin) the download is started and the popup is displayed, but the popup is fully black. You can’t see any content inside (cf screen recording in private data)I could not get your script to work unfortunately. Do you have a working example somewhere?
I have interpreted your desire to have a popup modal window on a link
Yes, what I want is :
I have a link pointing to a file.
When the user clicks that link the file is downloaded, and I want to open another page in a modal window at the same time.The solution I posted above works perfectly in chrome, but not in firefox/safari.
hum… sorry, I don’t understand how to use Guenni’s code…
here is my current function :function trigger_popup_on_linkClick(){ ?> <script> jQuery('#triggering_link').on('click', function(){ jQuery('#link_to_modal_popup').trigger('click'); }); </script> <?php } add_action('wp_footer', 'trigger_popup_on_linkClick');as you can see it makes reference to both my “triggering_link” (the one the user clicks), and the “link_to_modal_popup” (the one which shows up in the iframe).
But Guenni’s code only make use of 1 id (“open-popup-link”). How can I link it to my “triggering_link” ?not sure what’s going on.. anyway, I just made the page public, you should be able to see it now! :)
Hi Victoria
not sure why is that. It’s in password protected mode, so you should be able to see it.
Have you entered the password? you don’t have access to the page at all?Ok, so I found out that it works fine except when the “triggering” link points to a file.
So this works perfectly in all browsers :
<a id='triggering_link' href='#'>Click me</a> <a id='link_to_modal_popup' href='https://www.mywebsite.com/nicepage/?iframe=true'></a>but the following only works in chrome :
<a id='triggering_link' href='https://www.mywebsite.com/fileToDownload.zip'>Click me</a> <a id='link_to_modal_popup' href='https://www.mywebsite.com/nicepage/?iframe=true'></a>any idea why is that ?
private content : link to a page where you can test the 2 things aboveps: the jquery chain :
jQuery('#triggering_link').on('click', function(){ jQuery('#link_to_modal_popup').trigger('click'); });yes, why? do you know of something particular that has changed over the last 2.5 years regarding jquery/iframe support?
let me know if you have another better approach regarding that.Hi Josue.
This works well in chrome, but in firefox or safari the iframe shows up empty.
any idea of a workaround?When you just save the page and watch it live there is no problem and the color section will not be bracking your layout anymore.
not always unfortunately. I also have issues on some *published* pages
For the mobile view issue, the only pages that had the issue was FAQ & Support, both which have a empty cell at the top of the page, so try this:
Ah, good catch! that was because I had grids when the left column was empty. so I fixed that in the layout builder rather than in the css.
Regarding the padding issue in the tablet view your css works fine, thanks!
But is it an enfold bug that should be fixed?
I noticed that the bug disappears if I remove the “Header Phone Number/Extra Info” in the “header extra elements”, so the issue is probably about the height of that top-bar not being taken into account in the tablet view?
