Forum Replies Created
-
AuthorPosts
-
Hi,
Glad we were able to help, thank you Guenni007 for your help also, 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, I see that the layerslider is showing at full page height and it is the only content on the page, do you plan on adding more content?
I recommend creating new layers that show only on mobile on a layerslider canvas that is the correct size for mobile, such as discussed above, then the arrows should show more centered, or instead I would use the below slider controls as they would stay in place.
I think you can choose the below arrows instead of the default dots.Best regards,
MikeHi,
Thanks for your question, when you say that you are working on your site regularly, do you mean that you are working on new content such as blog posts and articles, or do you mean that you are adjusting the style and layout of your site?
Typically once the majority of style and layout of a site is done the focus is then on the content, that is post and article text and images, once you are at this point then you should not experience caching issues.
If you are still changing whole site style such as colors, font style, etc then it would be beneficial to disable Cloudflare until this part of the development is done.
As I look at your site it seems to me that you would nearly be at the content creation part of development, naturally I would not know your plans, but if you are then I would recommend just adding your new content directly to your live site.Best regards,
MikeHi,
Thanks for the feedback, I don’t use the Cloudflare cache plugin nor have a Cloudflare account, but this thread says that you need to Deauthenticate before disabling, disable alone doesn’t stop Cloudflare from being used.
If you have further trouble disabling Cloudflare please try asking Cloudflare support as they would know about this, thank you for understanding.Best regards,
MikeHi,
That is too bad, anyways when I check your site for mobile I don’t see the same issue, please see the screenshot in the Private Content area.
Your screenshot looks like the full-screen slider, but I see the layerslider, please link to the page for your screenshot so we can examine.Best regards,
MikeHi,
Thanks for your feedback and I’m glad that clearing your Cloudflare cache solved the issue, you ask why after clearing this cache does it take a while for the changes to show on your site, this is normal because Cloudflare cache is not stored on your site and using Cloudflare sets your site to route though Cloudflare first.
We recommend while you are creating your site and making many edits daily, to disable all caching plugins and not use host caching or Cloudflare cache, once your site is the way you like it you can enable these again.
Later when you are adding new posts each day you should not have a issue with Cloudflare cache because new pages and posts are treated differently and Cloudflare will add these, Cloudflare just can’t always know that your old pages & posts have a slight difference and only checks these about once a day or so.Best regards,
MikeJune 7, 2022 at 2:07 pm in reply to: first accordion tab disappears when clicking/opening last tab repeatedly #1354385Hi,
To align the text left, please adjust to this:#top .avia-tooltip.avia-icon-tooltip.avia-tt { width: 550px; text-align: left; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Thanks for the feedback, I added this to your functions.php and it seems to be working, please check.add_filter( 'avf_masonry_loop_prepare', 'avf_masonry_loop_prepare_mod_cat', 10, 2 ); function avf_masonry_loop_prepare_mod_cat( $key, $entries ) { $categories = get_the_category($key['ID']); $separator = ' '; $output = ' <div class="ww-masonry-cat">'; if ( ! empty( $categories ) ) { foreach( $categories as $category ) { if($category->slug == "whats-new" && is_page(13)) { $output .= '<span alt="' . esc_attr( sprintf( __( 'View all posts in %s', 'textdomain' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</span>' . $separator; } else { $output .= '<span alt="' . esc_attr( sprintf( __( 'View all posts in %s', 'textdomain' ), $category->name ) ) . '">' . esc_html( $category->name ) . '</span>' . $separator; } } } $output .= '</div> '; $key['text_after'] .= trim( $output, $separator ); return $key; }Best regards,
MikeHi,
Thank you for the link to your site, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top .avia-tooltip.avia-icon-tooltip.avia-tt { width: 550px; }and adjust the width to suit.
After applying the css, please clear your browser cache and check.
Please see the screenshot in the Private Content area of the expected results.Best regards,
MikeHi,
Glad we were able to help, thanks Guenni007, 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, I understand that you are using the same background for multiple slides, but try removing it and adding it to each slide as a layer like above.
If this doesn’t help please export your slider and link in the Private Content area through DropBox so we can try.Best regards,
MikeHi,
Glad we were able to help, although you actually found the solution :) 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,
In my tests it doesn’t seem that you can choose different background images for the slider, but if you add the background image as a layer you can set it to show based on screen size, for example, here I have one layer as my desktop background image with a “stacking order” set below 100 so the other layers will be on top, and the “device visibility” set to only desktop & tablet:

the here I have a different image used for the mobile background image:

then mobile shows:

and desktop / tablet shows:

now I know your “yellow background” is not full size but you should be able to manually “position” the layer in the layerslider editor for the desired placement.Best regards,
MikeHi,
Glad to hear that you have this sorted out, I have seen these set to different fonts such as:

I tried setting both to “Multi” on my demo site, but didn’t notice the issue like on your site:

but my demo site doesn’t have all of the same settings, css, & plugins as your site, I’m glad this worked for you and I will take note of this should I see this issue again, thanks for sharing your solution.
Unless there is anything else we can assist with on this issue, shall we close this then?Best regards,
MikeHi,
Please link to your page so we can examine your specific element closer.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 Guenni007, they are using the avia-fullscreen-slider,
height: 100vh
background-size: cover;if background-size: contain; is used the image doesn’t fill the width
here is a copy of the image: https://savvyify.com/img/image/udGp (2400 × 1600)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,
Please try disabling any caching plugins and Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression then enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files and clear your browser cache, If this doesn’t correct please include admin login in the Private Content area so we can investigate.Best regards,
MikeHi,
Thanks for helping Guenni007, I asked the Dev Team how to use the filter to change the colors for the progress bar element and they said that the progress bar only supports the given colors hardcoded in CSS, so to change the colors we will need override with css like this, for example the white option to violet:.white-bar .bar { background: violet; }vicpvic can see the supported colors names in this file:
\enfold\config-templatebuilder\avia-shortcodes\progressbar\progressbar.cssstaring on line 108
The Dev Team has opened a dev issue for this and hopefully in a future update there will be a way to easily customize the colors, for now this is the recommended solution.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 your patience and the link to your site, the yellow background looks like an SVG with an absolute position instead of a relative position.
You may wish to create a mobile version of your slider with the position adjusted for the device, this is often necessary for sliders that are created for the landscape desktop screen to show on portrait mobile devices. Please see the layerslider documentation for more detail.Best regards,
MikeHey Christian,
Thanks for your patience, to show the full article post on the archive category page the post must be created with the default WordPress editor, and the post must not include the “more” tag break.
If the “more” tag break is used then only the content above it will show and if the Advanced Layout Builder is used then only the content in the manual excerpt will show.Best regards,
MikeHey Nomad,
Unfortunately there is not an argument that can be added to the shortcodes, but you could use css in your Quick CSS field like this:#top .av-tt-large-width { width: 350px; }If this doesn’t help please link to the page so we can examine the element closer.
Best regards,
MikeHi,
Thanks for the login, this is strange behavior that I have not seen elsewhere, I note that some edits I make are not showing correctly, do you have host caching? It looks like you are using litespeed on your host so there might also be a cache, please check.
The theme has the Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor option so you can disable the Classic Editor plugin and I would test disabling your other plugins as I’m not able to reproduce this on my demo site, please see the link below.Best regards,
MikeHi,
Thank you for your patience, for the av-tab-section-tab-title-container this can be adjusted with css like this:#top #main .av-tab-section-tab-title-container { max-width: 600px; margin: auto; }
the javascript for the element width is in the file\enfold\config-templatebuilder\avia-shortcodes\tab_section\tab_section.jsI don’t recommend that you edit this file.
If you need further help please create an example page and detail what you are trying to achieve so we can examine your specific issue and help with some css.Best regards,
MikeHi,
Thanks for the login, but it is not admin so I can’t see any of the options or settings in the backend, please check.Best regards,
MikeHi,
Typically you would use the Enfold Theme Options ▸ Header ▸ Header behavior ▸ Shrinking Header to have the header shrink on scroll:

You could limit the height of the full size logo like this:#header_main .logo img { max-height: 60px; }This should help make all browsers uniform.
Best regards,
Mike -
AuthorPosts

