-
Search Results
-
Topic: Google events enfold button
Greetings,
I’m trying to track how many people click on a button using the Enfold theme and google analytics. I’ve tried following a few threads from other enfold users as well as trying the plugin WP Google Analytics Events but have unsuccessful gathering data on the google side of things. Seeing the interface for things is always changing it has proven difficult to find a solutoon to this. The button is located on the link in the private area.
Any insight to solving this would be wonderful,
Thanks
Hey guys, wondering how to get my Advanced Layout Slider to be responsive on a mobile devise. The slider is shrinking to fit for a mobile devise, but the text and buttons are not readable, too small. The slider just shrinks the text and buttons width wise to fit in the window, but nothing is readable. Is there a way to make the slider grow vertical so elements can be read? Just like all other elements of the Enfold template grow vertically to be read on mobile. Thanks!
Topic: Contact Form : real tracking
Hello and happy new year ! 😀
Since three month, I’m tracking the contact form from avia with this solution :
However, I found that the tracking doesn’t match the number of mails we are receiving.
After some investigation, the problem was easy to find :When you click on the submit button, the tracking is always firing because it’s an on click action.
Even if it miss an information or if you just click on the submit button and all the fields are empty : it fires the ga action.How can we make the tracking working when the mail are sent ?
Example with Contact Form 7 : To make Contact Form 7 event tracking come true, at first, I tried listening to wpcf7submit event but what I ended up with was that this DOM event was being dispatched even if required form fields contained errors. As a result, I switched to wpcfmailsent event.
Thanks,
In reply to: Different Buttons with different hover colors
Hi freigeist,
It’s there, go to https://kriesi.at/documentation/enfold/button/#toggle-id-11-closed
Should be in Button fonts > On hover (toggle)
Hope this helps.Best regards,
NikkoHi,
Thank you for writing back to us.
Did you apply the margin to the 3rd menu item?
We need the admin login details to check this issue closely.
After adjusting the CSS Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayIn reply to: Different Buttons with different hover colors
Hi,
Instead of an #ID please add a custom class name as mentioned here https://kriesi.at/documentation/enfold/button/#customization
And copy the CSS for the button background on hover.
Best regards,
VinayHi,
I need different hover colors on different buttons on the same page. Is there a solution for this?
Couldn’t find a way to apply a custom class or ID to a specific button for adding a custom CSS for each.Enfold is a great theme but it lacks on some basic functionality (but maybe its just me).
Thanks for your help :-)
In reply to: Fullwidth Easy Slider Buttons Color
Hey Stefano,
To add a custom button to the easy slider please check the below link
Best regards,
VinayIn reply to: How do I change the "select options" on Woocommerce?
Hey Perry,
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
#top .main_color .avia_cart_buttons .button { color: red; }If you need further assistance please let us know.
Best regards,
VictoriaIn reply to: custom css
Hi,
It appears the cache is taking time to clear on your site.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Disable any DNS services like cloud flare or others if enabled.
4. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Once the cache is cleared the CSS changes will reflect immediately.
Best regards,
VinayHi,
I run a multusite and recently updated to WP version 5.0.2. After I did the network upgrade and try to edit a page/post, i get the message:
There is an autosave of this post that is more recent than the version belowI did a lot of testing to see when this occurs and found that it occurs only on a network site when I have Enfold enabled and activated as a theme, and I update WP:
-It does not matter what version of enfold i use.
-It does not matter if AVL is enabled on the page or not.
-I get the message before and after I click the Upgrade Network button (which occurs after I update WP)
-I did check the Enfold debug code, but this code is the same before and after updating WP. When i click ‘View the autosave’ I find however some changes inav_uid=and in<!-- wp:paragraph --> <p></p> <!-- /wp:paragraph --> <!-- wp:shortcode --> <!-- /wp:shortcode -->Can anyone tell me what to do? Do I actually need to re-save all the pages on the network sites in order to get rid of this message? And what is it that gets changed then, if any?
Thanks
In reply to: Animated changing color background on image
this seems to be only a png file:
you can do it with pseudo content.
insert an image from alb elements and give it a custom class ( i took : animated-button )then we create the before content:
.animated-button .avia_image::before { content: ""; background-color: rgba(255,255,255,1); border-radius: 50%; width: 100%; height: 100%; display: block; position: absolute; animation: pulse 3s ease-in-out 0s infinite }to have not the overlay effect on enfold images and to see the scale effect :
.animated-button .image-overlay { display: none !important; } .animated-button .avia_image { overflow: visible !important; }now the animation keyframe for it:
@keyframes pulse { 0% { transform: scale(1.05); opacity: 1 } 50% { transform: scale(1.25); opacity: 0.3 } 100% { transform: scale(1.05); opacity: 1 } }see result : https://webers-testseite.de/accordion/
you can change it to your needs?
In my case it is a dark background image so – it is a white pulsating thing.In reply to: Animated changing color background on image
maybe this effect of enfold standard behavior of a standalone icon (right side of the example ) could be an alternative:
https://webers-testseite.de/button-link/
but this is only on hovering the “button” – you can have a link on the icon and an optional Caption.
The animation effect is called: sonarEffectHi;
Enfold is an amazing theme. I am also happy with your support.
I have a question about the description I add below the heading of product on “Shop overview page”. It always changes color when I hover, the color of heading highlight in the main content.
I try to add the css like:
div.inner_product main_color.wrapped_style.noLightbox.av-product-class-no_button a:hover {
color: #12a19c !important;
}
But nothing change. It so annoy.
How can let it like the color itself before?Topic: Popup maker does not work
Hello on other sites with other themes I use a button with in the css class the popup code like: popmake-305.
That triggers the popup.
But on the sides with enfold this does not work. Even the test button in the popup editor does not trigger a popup.Is there something you and/or me can do?
The site I am revering to is https://www.debrabantsekeukentuin.nl/test-pagina/
You need to be logged in to reach te page.In reply to: Layout break – Icon Grid Flip Box
Update to newest Enfold – the gridbox bug with firefox is fixed there
see here concerning topic: https://kriesi.at/support/topic/flip-box/to your second link – i can’t find the page you are having that problem.
to have not that problem you can make a link with a button f.e. and a keyword and not the url.
or try to have a wordbreak definition for that long urlHello,
I am currently working in a new Fullscreen Slider that consists in two sliders with the same two buttons.
I would like to modify the style of the buttons (exact color, background color, margin between both buttons and size of each button or padding).
I have read numerous topics in this forum and i tried using Quick CSS in the main but it is not working.
Can you please tell me where to put it and which CSS code do i have to use?
Best Regards!In reply to: Change background-image for mobile
Hi,
If your css is in the style.css of your child theme, then you should note that if you add css to the file your merged css from your Enfold Theme Options > Performance > JS & CSS file merging and compression will not rebuild until you save your theme options.
You can force it to rebuild by adding a blank space to your Quick CSS field and then save your theme options (the big blue button)I recommend while you are building your site to disable all caching plugins & the css & js merging at: Enfold Theme Options > Performance > JS & CSS file merging and compression and to test your css in the Enfold Theme Options > General Styling > Quick CSS field.
Once your site is done then you can move your css to style.css and enable your caching.If this doesn’t help, please include a admin login in the private content area so I can assist better, I will continue to explain the steps I take.
Best regards,
MikeHi..
I’ve seen that in last two versions of Enfold that when I open the Enfold Control Panel the Blue Button “Save All Changes” is On without touch nothing..
Is this behavior normal..?
Thanks
Hi,
I have the latest Enfold theme, latest toke/API key and the latest WordPress version but when I try to edit a certain post, I can click the “Advanced Layout Builder” button but it doesn’t do anything.
The button is just clickable but won’t do anything.
In reply to: Disable Author Link
Hey patrickpriest81,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
CSS Snippet:
/* CSS - */ .entry-author-link a { pointer-events: none; }You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayIn reply to: Position and formatting Menu fonts
Hi,
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
If you still have an issue please post us your login credentials with full admin rights so we can take a closer look at the issue.
Best regards,
VinayI’m struggling to get the main menu buttons to take the styling from the Advanced Styling pane. They are styled in the enfold gui, but are being overridden on the actual site. No custom CSS for buttons. This affects both color and outline buttons
I’ve cleared caches and turned off all pertinent items under performance.
The Final Interim Solution.
Copy
avia.jsfrom the Parent Themeenfold > js > avia.jsto the Child Themeenfold-child > js > avia.jsThen in the child theme functions.php file enqueue avia.js to load from the new location
function wp_change_aviajs() { wp_dequeue_script( 'avia-default' ); wp_enqueue_script( 'avia-default-child', get_stylesheet_directory_uri().'/js/avia.js', array('jquery'), 2, true ); } add_action( 'wp_enqueue_scripts', 'wp_change_aviajs', 100 );enfold-child open and edit the
avia.jsfileAt the top of the file replace/add the following:
(function($) { "use strict"; // EXTENSION ---------------------------------------------------------------- // KEEP IN OUTER SCOPE i.e. not in doc ready var active_hotspot = null; var active_hotspot_previous = null; function guidGenerator() { function s4() { return Math.floor((1 + Math.random()) * 0x10000) .toString(16) .substring(1); } return s4() + s4() + '-' + s4() + '-' + s4() + '-' + s4() + '-' + s4() + s4() + s4(); } $('body').on('mouseover', 'div.av-image-hotspot.av-display-hotspot', function (e) { var guid = guidGenerator(); if (active_hotspot && active_hotspot !== $(this).attr('data-guid') ) { active_hotspot_previous = active_hotspot; } active_hotspot = guid; $(this).attr('data-guid', guid); }); $('body').on('mouseleave', 'div.av-image-hotspot.av-display-hotspot', function (e) { if ( $(this).attr('data-guid') === active_hotspot ) { e.preventDefault(); e.stopImmediatePropagation(); return false; } }); // EXTENSION ---------------------------------------------------------------- $(document).ready(function()Scroll down to the following Function line 1645
display_tooltip: function(e) {add this replace/add this code:
display_tooltip: function(e) { // EXTENSION ---------------------------------------------------------------- if ( active_hotspot_previous !== $(e.currentTarget).attr('data-guid') ) { $('[data-guid]').trigger('mouseleave'); } if ( $(e.currentTarget).hasClass('open') ) { return false; } $('[data-guid]').removeClass('open'); $(e.currentTarget).addClass('open'); // EXTENSION ---------------------------------------------------------------- var _self = this,Avia Layout Builder set the Image Hot Spot to Show Tooltips – On Mouse Hover
The hotspot tooltip will show on mouse hover and remain visible, allowing the user to interact with hotspot content buttons, links etc.
Only one hot spot tooltip will remain visible. When you hover a second hotspot the first hotspot tooltip will hide and the new hotspot tooltip will be visible.In reply to: Translating WordPress pages and PDF files
Hi,
Thanks for your reply. I reached out to them and basically, the above-mentioned task is possible, but only by using a shortcode. It should be added in the post / page where the link to the PDF exists.
An example of this is shown down below:[trp_language language="en_US"] <img src="https://example.com/image_en.png" /> [/trp_language] [trp_language language="fr_FR"] <img src="https://example.com/image_fr.png" /> [/trp_language]So I have a PDF button and I want to add this code as the link to the PDF button so that when a user clicks on the button, it should open the corresponding PDF file based on the language selected. Do you have any idea on how I could make this work or how I could integrate this code with the PDF link option in Enfold?
Topic: enfold not up to date
After updating my website and wordpress, the theme Enfold does not work anymore. Above my enfold theme is also no button ‘update’. Can you help me?
In reply to: Layer Slider overlay
Hi,
Thank you for using Enfold.
The box overlay is comprised of an html layer with white background and on top that layer is a transparent image layer, some text layer and an html button.
Best regards,
IsmaelHi there,
After a quite long investigation I can’t seem to pinpoint the problem.
Enfold theme used on the website indicated in the private section.
At multiple locations, Fontello icons are being used but are not displayed at all. Weirdly, they are visible on the backend to configure the social network buttons in a post.I checked the code but can’t see why the font icons are not used. The file seems to be loaded as I can see it in the dev tools (entypo-fontello.woff).
.htaccess contains the following:
<FilesMatch “.(ttf|otf|woff)$”>
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin “*”
</IfModule>
</FilesMatch>An example of the calling code provided in the private section.
Thanks for your help!
NicoHi, I’ve upgraded Enfold to 4.5.2 and the Fullwidth slider now shows the slider images all at once on top of each other. Also the Social share buttons are displayed in a strange way. Oddly enough this is only true on the subpages. On the start page both the slider and the Social share buttons display as they should. I’ve turned of most of the plug ins, except for “All In One WP Security”. If I deactivate that one the whole site breaks and produce an error.
I’m running WordPress 5.0.1 –Hope you can help. thanks /Michael
