Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you have this sorted out, 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,
To replace the burger menu parent cloned menu item text to a different text try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function replace_burger_menu_parent_cloned_menu_item_text() { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function($){ $('.avia_mobile').on('click', '.av-burger-menu-main', function() { $('.menu-item-2339 .avia-menu-text:first').text(function(index, text) { return text.replace('Gezichtsbehandelingen', 'Overview All Facial Treatments'); }); }); }(jQuery)); }); </script> <?php } add_action('wp_footer', 'replace_burger_menu_parent_cloned_menu_item_text');
Please change the text: Overview All Facial Treatments to the text you wich to use.
Best regards,
MikeHi,
I see that you have this custom css:@media only screen and (max-width: 767px){ .myslider { margin-left: -40px; margin-right: -25px; margin-top: 25px; margin-bottom: 0.5px; } }
To center the items please change it to this:
@media only screen and (max-width: 767px){ .myslider { margin-top: 25px; margin-bottom: 0.5px; } }
and then add this css:
@media only screen and (max-width: 767px) { .responsive #top #team .av-large-testimonial-slider.avia-testimonial-wrapper .avia-testimonial { padding: 0; font-size: 0.85em; display: flex; justify-content: center; } }
Then to show the arrows remove your custom css:
.avia-slideshow-arrows.avia-slideshow-controls { opacity: 0; } .avia-slideshow-arrows { display: none !important; }
Then add this css:
#top #team .avia-slider-testimonials.av-slideshow-ui .avia-slideshow-arrows a { opacity: 1; }
Please see the screenshot in the Private Content area of my test results.
Best regards,
MikeHi,
Try adding this css:#top #team .avia-slider-testimonials.avia-testimonial-wrapper { overflow: visible; }
BTW, I couldn’t see your not-active dots because they are white, you might want to use an off-white so they will show like this:
.avia-slideshow-dots a.goto-slide { background: #ccc; }
Please see the screenshot in the Private Content area for the results I received
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 2, 2023 at 5:48 pm in reply to: Background images and CSS on pages are not loading since last update #1396430Hi,
Thank you for your patience, when I check your example page in the back end I don’t see any background colors or background images set in the color sections on the page.
As I understood your posts above I thought you had background colors and images set in the color sections that were not showing on the frontend, am I understanding this correctly?
/wp-content/uploads/avia_posts_css was used prior to 5.3 and was only kept for cache backward compatibility, it is no longer used.
Saving the Theme Setting after the update should have copied the css files to /wp-content/uploads/dynamic_avia/avia_posts_css after the update, but it would not change the element settings and when the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled those css files would not be called and the element settings would take over.
I see your Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression is disabled now.
Can you identify which elements on that page don’t show the expected background colors or background images, perhaps I missed it.
The Grid element at the top of the page shows a background color and image and it shows on the frontend, is this the only element?
If this is true and the issue is when you enable the Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression because the css is calling the wrong path, I recommend copying the /wp-content/uploads/avia_posts_css files via FTP and adding them to the /wp-content/uploads/dynamic_avia/avia_posts_css folder manually.
Perhaps a security plugin or file permissions are not allowing the move automatically.Best regards,
MikeHi,
Glad Nikko was 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,
To hide the menu item Actualité from the burger menu only on the page /toques-robes/ please try this css:#top.page-id-13355 #av-burger-menu-ul .menu-item-21615 { display: none; }
I added the page ID because your question in the original thread seemed to want to hide the menu item on the specific page, and the menu item class was different than above when I checked.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Glad Rikard could 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 Ismael could 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 video that helped a lot since there were so many steps, I followed along with the browser console open looking for any errors and only sawyith-fields.min.js?ver=3.9.17:1 Uncaught TypeError: Cannot read properties of null (reading 'focus') at yith-fields.min.js?ver=3.9.17:1:15672
for your YITH WooCommerce plugin, do you need this activated? Does the error still occur when it’s deactivated?
So after following all of the steps I saw in your MyWorks ▸ Queue it showed 0 as in your video, but I note that
MyWorks ▸ Connection shows the status of Active and Connected.
Since I didn’t see any other errors in the console so I’m not sure what the error could be.
I have asked the rest of the team if they have any ideas, thank you for your patience.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 your screenshot I tried to recreate this in Chrome Dev Tools between 480px – 711px and I couldn’t recreate the error, until I realized that I was looking at your testweb site and not your live site, when I tested your live site I saw the error.
Please check the same page on the two sites linked below and see if the same is true for you, if it is do you know what is different between the two sites?
Perhaps some CSS, a script, or a plugin?Best regards,
MikeHi,
I don’t have any experience with any file plugins, so I can’t advise.
Enfold will always have the Classic Editor option for as long as it will work which I expect to be for a few more years, I would not be worried, but new WordPress features will be towards the Block Editor.Best regards,
MikeHey Monika,
Thanks for your question, for the TOC to work your page needs to have H tags for each paragraph of content like H2, H3, H4, etc
Then when you add the TOC widget you need to select these H tags, by default the widget only has H1 selected, try holding down the [Ctrl] key and clicking all of the H tags.
I have linked to an example on my test site below for you to see.Best regards,
MikeHey peterolle,
unfortunately, the two WordPress editors will not work that way, WordPress wants to phase out the Classic Editor and only offer the Block Editor in the future, it’s probably a few years out.Best regards,
MikeHey Monika,
Thanks for the link to your page, please try this css instead:.bullets li { list-style: none!important; } .bullets li { padding-left: 40px; } .bullets li:before { content: '\e805'; font-family: 'wery-designstudio-icons'; font-size: 23px; font-weight: normal; position: absolute; left: 6px; }
After applying the css, please clear your browser cache and check.
Best regards,
MikeHey karinorage,
Thank you for your question, the sort element is not a feature in the blog element, you need to choose the masonry element to show your blog for this.
PLease see our Masonry Documentation for styling options.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,
I checked and your new image looks like it is working correctly.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 that this helped, I forwarded a feature request for the new SVG borders. Then Dev Team points to our documentation that shows how to add your own SVG border: Adding custom SVG dividers
They also say that if you have svg files we can use (open source license) we would add them to the theme.Best regards,
MikeHi,
Thanks for the link to your site, to have the slider and svg border full width please try this css:#top.page-id-2129 #av_section_1 > .container { padding: 0; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.
If you want to use it for other pages change the page ID for those pages or try removing the page ID to apply it to every page, but check each page carefully to ensure there are not conflicts.Best regards,
MikeHi,
That is odd, because the screenshots above are from Chrome, I just tested again with Chrome, Firefox, & Edge in Windows and the cookie bar showed on all of them and accepting the cookies reloaded the page and removed the message and showed the reCaptcha, I tested both v2 & v3.
If you are not seeing the cookie bar then the cookie has already been set in your browser, I tested incognito mode, if you are using Safari it can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
Or try incognito mode, are you on a Mac?Best regards,
MikeHi,
Thanks, I did misunderstand, so I changed the function to show the image on all pages except the homepage, there you already have your easy slider, I imagine you want to control it on that page.Best regards,
MikeHi,
Thanks for the link to your page, I see that you are getting this error(index):279 Uncaught ReferenceError: jQuery is not defined
Please try this code instead at the end of your child theme functions.php file in Appearance ▸ Editor:function masonry_links () { ?> <script> window.addEventListener('DOMContentLoaded', function() { (function ($) { $(document).ready (function () { var url = new RegExp(location.host); $('.av-masonry-entry').each(function () { if( ! url.test($(this).attr('href')) ) { $(this).attr('target', '_blank'); } }); }); }) (jQuery); }); </script> <?php } add_action ('wp_footer', 'masonry_links');
If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.
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,
I changed your code to this:add_action( 'ava_after_main_container', 'ava_after_main_container_mod', 10 ); function ava_after_main_container_mod() { if ( !is_front_page() ) { $output = ''; $output .= do_shortcode('[rev_slider alias="routiers-cvfl"][/rev_slider]'); echo $output; } if ( is_front_page() ) { $output = ''; $output .= do_shortcode("[av_image src='https://routiers-cvfl.li/wp-content/uploads/2023/01/schloss-gutenberg.jpg' attachment='3159' attachment_size='full' copyright='' caption='' image_size='' styling='' align='center' font_size='' overlay_opacity='0.4' overlay_color='#000000' overlay_text_color='#ffffff' animation='no-animation' hover='' appearance='' link='' target='' title_attr='' alt_attr='' img_scrset='' lazy_loading='disabled' id='' custom_class='' template_class='' av_element_hidden_in_editor='0' av_uid='' sc_version='1.0' admin_preview_bg=''][/av_image]"); echo $output; } }
This shows the slider on all pages except the homepage, on the home page it shows the image you asked for, but it could show a different slider if you wished.
Best regards,
MikeHi,
Thanks for the video and the explanation, this is due to the :focus color, please try this css:.header_color .main_menu .menu ul li a:focus, .header_color .av-subnav-menu ul a:focus { background-color: #EAEFF4; color: #808285; }
feel free to adjust to suit, after applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts