Forum Replies Created
-
AuthorPosts
-
March 5, 2022 at 8:23 pm in reply to: Kontaktformular deaktivieren / deactivate Contact Form #1343289
Hi,
Thank you for your patience, if you don’t remember where your contact form element is and you want to disable all contact forms on your site, you can go to Enfold Theme Options ▸ Performance ▸ Disable Template Builder Elements ▸ Manually manage loaded elements and disable the contact form
Best regards,
MikeMarch 5, 2022 at 7:45 pm in reply to: Nach oben Button integrieren und leere Felder in Mobiler Version entfernen? #1343285Hi,
There are two ways to do this, the first is outlined in our documentation here: How to add Custom Social Icons to Enfold options
Or if you are going to use an image you caan replace the rss-feed-icon with this css in your Quick CSS:.social_bookmarks_rss a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png) no-repeat center center; background-size: contain; }
just adjust the image to suit and clear your browser cache.
Best regards,
MikeHey marcusss,
Thank you for your patience and the links, when I look at your category image above description example and compare it to the direct 512×512 image file the quality looks the same,
but when I compare the 512×512 to the original there does seem to be a difference.
I also see that your images in your media library are jpg but are webp on the frontend, perhaps this is related to your EWWW Image Optimizer plugin or perhaps some quality is lost when WordPress generates thumbnails from webp?
Try disabling your image plugin and upload a new different image to test with, in a good quality jpg format and check again.Best regards,
MikeHi,
Thank you for your patience and the link to your page, your first image in the text block behaves differently because it is not a background image like your second one.
An image in a text block is wrapped in a paragraph tag that adds some margin and it’s display is set to inline-block.
We can adjust this with css and set it to cover the element, similar to how a background image does.
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.flex_column.av_two_fifth .avia_textblock > p { margin: 0; } .flex_column.av_two_fifth .avia_textblock > p > img { display: block; object-fit: cover; height: 327px; width: 455px; }
it will work on your first image but you will not want this to work on all images because it could cause conflicts and the height and width must be set, so I recommend adding a custom class to your column and adjusting the css above to match.
If your not sure how to adjust the css, then add a custom class to your column and tell us so we can advise.
After applying the css, please clear your browser cache and check.Best regards,
MikeMarch 5, 2022 at 5:50 pm in reply to: Different menu for different pages – wpml language selection not displaying #1343265Hi,
Thank you for your patience and the login, I enabled your function and disabled line 153 in your stylesheet to test, I see that you are using the burger menu so the main menu language selectors are hidden. I assume that you want to show the language selectors next to the burger menu so I added this css:.js_active.html_burger_menu #header_main #avia-menu > li.av-language-switch-item.language_de, .js_active.html_burger_menu #header_main #avia-menu > li.av-language-switch-item.language_it, .js_active.html_burger_menu #header_main #avia-menu > li.av-language-switch-item.language_en { display: block; }
I also found that your language selectors were duplicating in the header so I added this script to remove the duplicates:
function custom_script() { ?> <script> const tags = [...document.querySelectorAll('#avia-menu > li.av-language-switch-item')]; const texts = new Set(tags.map(x => x.innerHTML)); tags.forEach(tag => { if(texts.has(tag.innerHTML)){ texts.delete(tag.innerHTML); } else{ tag.remove() } }) </script> <?php } add_action('wp_footer', 'custom_script');
Now your language selectors are showing and you have different menus on different pages.
Please clear your browser cache and check.Best regards,
MikeMarch 5, 2022 at 4:12 pm in reply to: different content when turn the advance layout builder #1343254Hi,
Thank you for your patience and the link to your post, as you know when the Advanced Layout Builder is used to open a Classic Editor post it will show the content in a plain text element, this is the correct behavior.
In your case, it is showing Advanced Layout Builder elements that have different content, I have seen this in the past when the same page or post was edited in both editors, this is why we do not recommend using both editors on the same page or post, or switching back and forth.
To correct this please decide which editor you want to use for this post, then copy that content to your desktop in a plain text editor, then delete the content and save the post, then view the frontend and try editing it again in the other editor and delete that content, then view the frontend again and finally edit the post in the editor you want to use and use your saved content to recreate and save.
You may want to clear and disable any caching plugins and server cache, if it is an “object” cache such as Memcached, Redis, Varnish, LitespeedBest regards,
MikeHi,
Thank you for your patience, when I compare your two versions 4.8.1 & 4.9
I see that your v4.8.1 has a lot of custom functions in the parent theme functions.php and a lot of custom css in the parent theme /css/custom.css
these are not in the 4.9 version, so it is not going to look the same, for example you have a custom footer widget in the v4.8.1 which is not in the 4.9 version.
Please see the screenshot in the Private Content area of the two pages side by side, perhaps there are other modifications made that you forgot about that is affecting the sku?Best regards,
MikeHey seferdemirci,
Thank you for your patience, from your snippet above I can’t see if you are using theadd_action('template_redirect', '...');
So I tested creating a custom 404 page with the Advanced Layout Builder page and set this in the theme options
then added this function in my child theme functions.phpfunction is_category_to_custom_404(){ if( is_category() ) { global $wp_query; $wp_query->set_404(); } } add_action('template_redirect', 'is_category_to_custom_404');
and now when I try to go to a post category I see the custom 404 page, try to see if you can model this for your needs.
Best regards,
MikeHi,
Thank you for the screenshot, I see that you are using v4.8.7.1, please try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and disable any other caching plugins and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and then update to v4.9 and check again.
If this doesn’t correct please include admin login in the Private Content area so we can investigate.Best regards,
MikeHey advteksol,
Thanks for the login, I added this css to your Quick CSS:#top.page-id-821 #main .togglecontainer .toggle_wrap.active_tc .toggle_content { background-color: #072f4c; color: #fff; }
I added the page ID so it will only work on the FAQ page so it won’t interfere with other toggles on your site.
Please clear your browser cache and check.Best regards,
MikeHey jaimemerz,
Thank you for your patience and the login, when I check I see 7 failed orders and in the Order details, it says
Could not process order. Order status changed from Pending payment to Failed.
It looks like these failed in the payment processing, it looks like many are being approved so perhaps these people made an error in their info.
Try checking with your payment processor, this doesn’t look like a theme issue.Best regards,
MikeHi,
Thanks Guenni007
GoodfishGroup_Marketing were you able to sort this out, shall we close this then?Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thank you for sharing your filter, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the login, the first issue I found was that you had jQuery errors because it was not loading correctly, I found that your Performance Cache plugin was causing the issue and enabling it in the Exclude these Header Scripts option solved.
The second issue I found was that you had the Autorotation disabled and the slider arrows disabled so there was no way to see the slider work, I enabled the Autorotation so you can see it work.
Please clear your browser cache and check.Best regards,
MikeHey Chris,
Thank you for your patience, the scrolling effect of the Horizontal Gallery has two options, one is to enlarge the active image and move to the next with each click, the second doesn’t enlarge the image but it also moves to the next with each click, it doesn’t “scroll” through the images it “steps” through them.
To change this would require re-writing the script, a better solution is to enlarge the current image so that the users will know which image is active.
I see that you say you are using this for products, perhaps the Product Slider (see the top element “Recent Top Sellers”) would be a better option as it slides the way you wish.
Anyways to add a caption & sub caption below the Horizontal Gallery you first need to add a image title and alt in the media library, not the caption in the Horizontal Gallery
then add this code to the end of your functions.php file in Appearance ▸ Editor:function horizontal_gallery_subline(){ ?> <script> (function($){ $('.av-horizontal-gallery-link').css({'bottom':'30px'}); $('.av-horizontal-gallery-img').each(function(){ var imgTitle = $(this).attr('title'); var imgAlt = $(this).attr('alt'); $(this).after('<span class="title-under-image">' + imgTitle + '</span><span class="alt-under-image">' + imgAlt + '</span>').css({"margin": "-20px 0"}); $(this).css({'padding-bottom' : '20px','background-color' : 'transparent'}); $('.title-under-image').css({"display":"block","text-align": "center","color": "#000","font-weight":"bold"}); $('.alt-under-image').css({"display":"block","text-align": "center","color": "#444"}); }); })(jQuery); </script> <?php } add_action('wp_footer', 'horizontal_gallery_subline');
Best regards,
MikeHi,
Thanks for sharing Guenni007, the css from your example page and the script above make a great easy to use solution.Best regards,
MikeHi,
Glad to hear that you sorted this out, as for you last request, I believe you mean that the category titles are in uppercase and at the lower-left corner, you can change to title case and center with this css:#main .template-page .entry-content-wrapper h2 { text-transform: capitalize; text-align: center; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeMarch 2, 2022 at 2:22 am in reply to: Personal Token or Single Use Token for a client that won't give me login! Hurry! #1342783Hi,
Thanks for the feedback, I see that you are referring to the Envato Market Plugin, this documentation says that you would need access to the client’s backend to enter your personal token in the Single Item Token field for them, so it’s not a Single Item Token that you create on your end and you can email them the code, this documentation says you should not give them your personal token. So it looks like he will need to give you access again.Best regards,
MikeMarch 1, 2022 at 2:02 pm in reply to: Socket Styling Keine Spalten, Text untereinander, columns below eachother #1342711Hi,
Thank you the login, the “Bookmarks” widget was from the “demo” of the theme, it shows when there is an empty widget column.
I added an empty text widget to the column which turns the “demo” off, once you add a new widget there you can remove the empty text widget.I see the missing footer on your page /footertest-slider-and-empty-color-section/ for mobile when the empty color section is applied, yet when I test this on my demo site this error doesn’t occur, please see my test page below.
Please try disabling all of your plugins to see if this corrects, if it does enable the plugins one at a time until the error occurs again.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeMarch 1, 2022 at 3:09 am in reply to: Personal Token or Single Use Token for a client that won't give me login! Hurry! #1342626Hey cmeurer,
Thank you for your question, I’m not aware that a single-use Token can be created, if so then you would have to give it to the client to enter themselves into the theme update option.
But as I understand you would have to give them your personal token that probably give him full access.Perhaps an option would be to send him the latest version and he can follow the following steps to update himself:
To update upload the theme zip file to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeHey kimberley1975,
Thanks you for your question, you won’t see a place to enter a token in version 3.8.4, it’s just too old if you are using a current version of WordPress you can update the theme though the WordPress theme option like this:
To update your version of Enfold you will need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Since you are using such an old version I would recommend making a full backup or creating a staging site to test on first, I don’t expect any issues but it’s better to be safe.
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the feedback, you changed the timing correctly, to add a third color try like this:.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; -webkit-animation: borderBlink 0.2s step-end infinite; animation: borderBlink 0.2s step-end infinite; } @-webkit-keyframes borderBlink { from, to { border-color: #fff; } 33% { border-color: #eeee22; } 66% { border-color: #00FAFE; } } @keyframes borderBlink { from, to { border-color: #fff; } 33% { border-color: #eeee22; } 66% { border-color: #00FAFE; } }
Best regards,
MikeHi,
There is a partial list of animation classes in our documentation , to use the timeline fadein animation that will also use the waypoint, so it will trigger when the element in view, you would use these classes with no dots and separated with a space, like this:
avia_animate_when_visible fade-in av-animated-generic
the avia_start_delayed_animation class starts the animation on page load and doesn’t wait for the element to be in view, so it depends on when you want the animation to be triggered.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Jak73,
Thanks for the link to your site, I see you are currently using this css to make a yellow dotted border around your team members:.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; }
change this to this:
.avia-team-member .team-img-container img { border-style: dotted; border-width: 15px 15px 15px 15px; border-color: #eeee22; -webkit-animation: borderBlink 1s step-end infinite; animation: borderBlink 1s step-end infinite; } @-webkit-keyframes borderBlink { from, to { border-color: #fff; } 50% { border-color: #eeee22; } } @keyframes borderBlink { from, to { border-color: #fff; } 50% { border-color: #eeee22; } }
After applying the css, please clear your browser cache and check.
the dotted border should now flash yellow & white.Best regards,
Mike -
AuthorPosts