Forum Replies Created
-
AuthorPosts
-
Hi,
Ok, sorry that we were not more help with this, 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,
MikeJune 30, 2022 at 6:26 pm in reply to: Font-size in search result list pages, editing of search-result pages, e #1356976Hi,
Thanks for the feedback, as I understand the “display everywhere” widgets are only for the search result pages and the “sidebar blog” widgets are only for blog posts?
I would recommend using the Widget Options plugin it will allow you to assign conditional logic to where the widget items show.Best regards,
MikeHi,
Guenni007, I don’t think this is what whdsolutions was trying to achieve, unless I misunderstood.
He is trying to use the mix-blend-mode CSS property for an image on an image, similar to this

here the logos (badges) have the original white background:

originally on his site the layerslider did this, so he was trying to duplicate it with a color section and imagine element, currently he has changed the layerslider to use a transparent background image like you suggested.
Your solution works great and a transparent background image is easier to use, but I found it interesting that the css mix-blend-mode could do this.
Do you have any ideas for my example to work with firefox?Best regards,
MikeHi,
Guenni007 in your example did you use an png with a transparent background for the logos?Best regards,
MikeHey whdsolutions,
Thank you for your patience, I was albe to achieve this similar to your layerslider which is using an image that has the overlay in the image:

I placed the background image in a color section with the custom class “mix-blend-mode” and added a 1/2 column with a special heading and image element with your logo image:

then I added this css:#top #main .mix-blend-mode > .container, #top #main .mix-blend-mode > .container .avia_image { mix-blend-mode: multiply; }with successfully results:

I linked to my test page below, please give this a try.Best regards,
MikeHi,
Sorry, I don’t know about that, you will need to ask a google support member.Best regards,
MikeHi,
Thank you, I’m not sure why this is occurring, I’ve asked the rest of the team for ideas, perhaps one has seen this before or can advise.
Thank you for your patience.Best regards,
MikeJune 28, 2022 at 1:42 pm in reply to: Increase the quality of the images (image list) in the Ajax portfolio preview #1356723Hi,
To add a new folder to the child theme directory called shortcodes you will need to do so with FTP or your web host “file manager” you can’t do this from inside WordPress.
If you include your login to your web host we could help, or you could ask your web host support to create the directory for you and copy the modified file to it as explained above.Best regards,
MikeHi,
Thanks for the feedback I have adjusted the script to this:function limit_words_script() { ?> <script> (function($){ $('#top.post-type-archive-product .template-shop .products.columns-3 .product .inner_product').contents().filter(function() { return this.nodeType == 3 }).each(function(){ var words=45 if (this.textContent.length > 347) { this.textContent = this.textContent.split(" ",words).join(" ") + "..."; } }); })(jQuery); </script> <?php } add_action('wp_footer', 'limit_words_script');To understand how this works please note that since the script doesn’t know “words” and words are different lengths the script counts the spaces between the words to equal the desired “45”, the conditional property “length” counts characters, so in my test with
console.log(this.textContent.length)for your language the average character length for 45 spaces, or words, is 347.Best regards,
MikeHi,
Thanks for the feedback, please try updating your theme to v5.0.1 by downloading the latest version from your Theme Forest account and uploading it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New as outlined above.
I don’t believe that this is the root cause, but we should rule it out as a possibility.
It probably is something to do with your Google account but I don’t know why since you have an active billing account and you followed the steps to create an API key.Best regards,
MikeHi,
You can add a horizontal scrool to the woocommerce tabs panel with this css:#top div div.product .woocommerce-tabs .panel { overflow-x: scroll; overflow-y: hidden; }After applying the css, please clear your browser cache and check.
Best regards,
MikeJune 27, 2022 at 12:24 pm in reply to: Enfold fontcolors with WPML not working (only logged in) #1356592Hi,
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 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 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 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,
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,
MikeHey briandeeney,
Please link to the page in question so we can examine.Best regards,
MikeJune 26, 2022 at 9:38 pm in reply to: Enfold fontcolors with WPML not working (only logged in) #1356552Hi,
Thank you for your patience, in your opening post you said that the EN iconbox title doesn’t show in white only for logged-in uses, but I see this error on Windows with Chrome not logged-in.
Anyways, on your EN page all of the sections starting with #references and below are outside the #main container:

compare to the DE site:

typically this occurs when an element has an unclosed manually added tag or div, and typically it’s the last element befor the error, but it could be anywhere on the page.
So considering this, when I compare your DE & EN tab section, I see the DE has two columns and EN only has one, please see the screenshot in the Private Content area.
Please check your tab sections.
Another possible cause is if you are programmatically adding sections with broken shortcodes or injecting shortcode somehow after the DOM, so if you are try disabling this function.
If you just want to fix the iconbox title color for this one page, try this css:#top.page-id-4519 .iconbox .iconbox_content_title { font-size: 50px; color: #fff; }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,
To add a background color to the image in the masonry only and not in the lightbox, try this css:#av-sc-masonry-gallery-1 .av-masonry-image-container { background-color: #D6D6D6; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey adriennesobolak,
Thanks for the link to your page, but the testimonial at the bottom of the page is fading for me and it has small arrows at the top right corner, only on hover.
Please try clearing your browser cache and checking again, please see the screenshot in the Private Content area.Best regards,
MikeHey MLA18,
Thanks for the link to the documentation you are trying, but I couldn’t login to see your page, nonetheless I created a test page and was able to adjust the css to show the menu item text to the left of the dots:

change this css:#top .dots-menu .av-subnav-menu li a .avia-menu-text { visibility: hidden; } #top .dots-menu .av-subnav-menu li a { border: 1px solid grey; max-width: 25px; max-height:25px; border-radius:25px; overflow:hidden; padding: 0 !important; border: none!important; background: #f3f4f7; }to this:
#top .dots-menu .av-subnav-menu li a .avia-menu-text { left: -50px; position: relative; color: #fff; } #top .dots-menu .av-subnav-menu li a { border: 1px solid grey; max-width: 25px; max-height:25px; border-radius:25px; overflow:visible; padding: 0 !important; border: none!important; background: #f3f4f7; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for the link to your site, I see that you only have one post with a color section at the top with a background image, I thought that perhaps you added the color section so the header would not cover the post title, but when I hide it the title is not covered, is there anything we need to do to see your issue, please see the screenshot in the Private Content area.
Can you please add a screenshot of what you see?Best regards,
MikeHi,
I don’t know of a crossfade option, perhaps Guenni007 does.
I’ll leave this open for Guenni007 to reply.Best regards,
MikeHey noventa90,
Thank you for the link to your site, I recommend moving the woocommerce tabs below the product image so they will be full width and your table will show full width.
Before:

After:

This could be achieved on all product pages with this code added to the end of your child theme functions.php file in Appearance ▸ Editor:function av_woo_tabs_below() { remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 ); add_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 ); } add_action( 'init', 'av_woo_tabs_below');But as I understood your question you only wanted this on some products, so use this instead:
add_action( 'woocommerce_single_product_summary', 'woo_tabs_below', 20); function woo_tabs_below() { global $post; $idsArr = [1100, 1098]; if ( is_single() && in_array($post->ID, $idsArr )) { remove_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 ); add_action('woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 ); } }change the numbers 1100, 1098 to your product pages, and you can add more.
You will notice some extra padding between the tabs and the product image so add this css to your Quick CSS to remove:#top.single-product .template-shop .single-product-main-image { padding-bottom: 0; } #top.single-product .template-shop .single-product-main-image ~ .woocommerce-tabs { padding-top: 0; }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,
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,
Mike -
AuthorPosts
