Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to hear that you have the location sorted out, I tested this on my demo site and it is working for me on both posts & pages, but are you using pages with the block editor like a post? I ask because this fix is only for the block editor as the Advanced Layout Builder doesn’t use this option.
It looks like you are using Autoptimize, try clearing or disabling this and any other caching you might have.Best regards,
MikeHey alliansohog,
Thank you for the login, I see that the post in question is created with the Advanced Layout Builder, so it will not show the full content on your blog page. Only default editor posts will show the full content on a blog page.
So you can either convert your post or you can add a manual excerpt to your post.

The archive widget shows links to date based archive pages and doesn’t have a filter to only show a certain category within those dates. I would imagine that there is a plugin on WordPress that would do this though.Best regards,
MikeHi,
Thank you for the screenshots, I see that you are looking in\wp-content\themes\enfold\js\
the correct location is\wp-content\themes\enfold\config-gutenberg\js\
there you will find the avia_blocks_front.js file.Best regards,
MikeOctober 24, 2021 at 1:33 pm in reply to: I can't see the full theme displayed when I instal my demo theme. #1326228Hi,
Thank you for the login, but based on your opening post I believe I will also need ftp access to upload the images. Can you please include it?Best regards,
MikeOctober 24, 2021 at 1:15 pm in reply to: Making background color of layout elements/text blocks a bit transparent #1326227Hi,
The solution above changes the background color to apply the transparency, so it would not be a good solution for other areas.
Try removing the solution and add this custom class to the blue 1/5 columntransparent-eight-fiveand also add it to the gray 2/5 column (note that you do not add a dot to the custom class)
then add this css to your Quick CSS:.transparent-eight-five { opacity: 0.85; }After applying the css, please clear your browser cache and check, the blue column should be the same but the gray column only has a white background from the page so it will only look lighter.
You should be able to apply this to any column.Best regards,
MikeHi,
Thanks for the feedback, I added this to move the menu items up#top #header_main #av-burger-menu-ul { vertical-align: top; }Please clear your browser cache and check.
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 the link to your example codepen, in order to do this you will have to place a code block element inside the color section because you need to create 4 div’s with the classes, it’s not just 4 classes.
If you Enable the Avia Layout Builder Debugger on your site you can add this shortcode for a working example:

[av_section min_height='100' min_height_pc='25' min_height_px='500px' padding='no-padding' custom_margin='0px' custom_margin_sync='true' svg_div_top='' svg_div_top_color='#333333' svg_div_top_width='100' svg_div_top_height='50' svg_div_top_max_height='none' svg_div_top_opacity='' svg_div_bottom='' svg_div_bottom_color='#333333' svg_div_bottom_width='100' svg_div_bottom_height='50' svg_div_bottom_max_height='none' svg_div_bottom_opacity='' color='main_color' background='bg_color' custom_bg='' background_gradient_direction='vertical' background_gradient_color1='#000000' background_gradient_color2='#ffffff' background_gradient_color3='' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern='' shadow='no-border-styling' bottom_border='no-border-styling' bottom_border_diagonal_color='#333333' bottom_border_diagonal_direction='' bottom_border_style='' custom_arrow_bg='' id='' custom_class='' template_class='' aria_label='' element_template='' one_element_template='' av_element_hidden_in_editor='0' av_uid='av-kv4ew82l' sc_version='1.0'] [av_codeblock wrapper_element='' wrapper_element_attributes='' codeblock_type='' alb_description='' id='' custom_class='' template_class='' av_uid='av-kv4er17g' sc_version='1.0'] <style> .bg { animation:slide 3s ease-in-out infinite alternate; background-image: linear-gradient(-60deg, #6c3 50%, #09f 50%); bottom:0; left:-50%; opacity:.5; position:fixed; right:-50%; top:0; z-index:-1; } .bg2 { animation-direction:alternate-reverse; animation-duration:4s; } .bg3 { animation-duration:5s; } .contentbox { background-color:rgba(255,255,255,.8); border-radius:.25em; box-shadow:0 0 .25em rgba(0,0,0,.25); box-sizing:border-box; left:50%; padding:10vmin; position:fixed; text-align:center; top:50%; transform:translate(-50%, -50%); } h1 { font-family:monospace; } @keyframes slide { 0% { transform:translateX(-25%); } 100% { transform:translateX(25%); } } </style> <div class="bg"></div> <div class="bg bg2"></div> <div class="bg bg3"></div> <div class="contentbox"> <h1>Sliding Diagonals Background Effect</h1> </div> [/av_codeblock] [/av_section]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 Veronika,
Thank you for the link to your site I see that you added a menu item with the image url, but I’m not sure which solution you were trying to follow so I added this css to have your logo show where the menu item was, please clear your browser cache and check.#av-burger-menu-ul .menu-item-4053:before { content: ""; background-image: url(https://your-site.com/wp-content/uploads/2019/10/Logo.png); background-size: 100%; background-repeat: no-repeat; width: 300px; height: 130px; display: inline-block; } #av-burger-menu-ul .menu-item-4053 a .avia-menu-text { opacity: 0; pointer-events: none; } #av-burger-menu-ul .menu-item-4053 a { pointer-events: none; }Best regards,
MikeHey Alwin,
Thanks for the link to your site, there seems to be a couple of rules that are applying left:0 & right:0 but I can’t see where they are coming from because the css is merged, can you disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files so I can examine better.Best regards,
MikeHi,
Thank you for the login I was able to add another slide and save then view the frontend, and then go back and remove without any errors. I then tried creating the element on my demo site and didn’t have any issues there.
I see that you don’t have any titles which is fine, but are you getting the error when you add shortcode or html tags in the titles, because that would cause an error and you should not do that.
I see that your theme editor and plugins page are hidden, if you are using a plugin to hide admin elements then you could also get strange errors and should not do that. If you continue to have issues please unhide these areas and consider deactivating your plugins, for typically strange errors are a result of plugin conflicts.Best regards,
MikeOctober 23, 2021 at 11:29 pm in reply to: I can't see the full theme displayed when I instal my demo theme. #1326196Hi,
Unfortunately, the login you provided is not admin so we can not import the demo, please upgrade the user to admin and include an FTP login.
I do see you have this warning that you should check:An automated WordPress update has failed to complete! Please notify the site administrator.
Best regards,
MikeHi,
Thank you for the screenshots this one looks like you are using the advanced tiny editor plugin, this is not the correct default WordPress editor:

this screenshot shows the correct default WordPress editor:

I also note that you have two more additional buttons over your editor so I would recommend deactivating your plugins one at a time and clear your cache and try testing, I believe your issue is related to a plugin conflict.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,
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 for the gif, the reason the page turned gray was because the search field was being moved 1322px from the left which is off your page, I didn’t find what was moving it but you site acts strangely in the background. You also had an issue with the menu and search links overlapping. I adding this css to your Quick CSS and it works for desktop but you may need to fine-tune it for mobile..html_burger_menu_active #top #wrap_all #header #avia-menu .av-burger-menu-main.menu-item-avia-special > a{ width: 58px; position: fixed; right: 20px; top:40px; } .html_burger_menu_active #top #wrap_all #menu-item-search > a { height: 56px; top: 100px; position: fixed; right: 20px; display: inline; } #menu-item-search .avia-search-tooltip.avia-tt { left: -136px!important; top: 120px!important; }Please clear your browser cache and check.
I see that you are using Elementor so I wonder if that is the issue with your site acting strangely in the background, typically other page builders conflict with Enfold.Best regards,
MikeOctober 23, 2021 at 8:29 pm in reply to: Making background color of layout elements/text blocks a bit transparent #1326179Hey bdeuwe,
Thank you for the link to your site, but I didn’t see a screenshot, I believe you are referring to thr blue textbox at the top of your page, in this case try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#av_section_1 > div > main > div > div > div > div.flex_column.avia-builder-el-2 { background-color: rgb(0 57 86 / 56%); }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Veronika,
Thank you for the screenshot, try adding margin-top to your css to this:.html_burger_menu_active #top #wrap_all .menu-item-search-dropdown > a { position: fixed; margin-top: 30px; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHey Julian,
Thank you for your question, our license is for one domain, but sub-domains and a domain count as only one domain.
If each website installation is a different domain then you would need a license for each.
Thank you for considering Enfold.Best regards,
MikeHey KevinDuy2605,
To remove this from only the homepage please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:#top.home .av-siteloader-wrap { display: none !important; visibility: hidden !important; }After applying the css, please clear your browser cache and check.
Best regards,
MikeHi,
Glad Rikard could help you get 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,
This screenshot https://imgur.com/5FuA2zT is pointing to your container max-width is 1310px which is picked at Enfold Theme Options ▸ General Layout ▸ Dimensions

Try changing this to 100%Best regards,
MikeHey wp1,
Thank you for your patience, to do this please edit the file\wp-content\themes\enfold\js\shortcodes.js
and look for this around line 200:
$('.avia-content-slider-active', container).aviaSlider({wrapElement: '.avia-content-slider-inner', slideElement:'.slide-entry-wrap', fullfade:true});and change the last word “true” to “false”
then disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files Then clear your browser cache and any cache plugin, and check.Best regards,
MikeHey Arend,
Thank you for your patience and for the link to your site, I tested the Feeds for YouTube on my localhost and found that it conflicts with the built-in lightbox script. I tried many approaches to get them to work together but couldn’t, I also tried having the gallery images open in the Feeds for YouTube lightbox, but it was not dependable and caused other issues with the video lightboxes. The only working solution I could find was to disable the built-in lightbox and use the Simple Lightbox plugin for the gallery images, these two lightboxes work together.
Please give this a try.Best regards,
MikeHi,
You can control the width of the image container with this css:#top.single-product .single-product-main-image { width: 50%; }this sets the remaining page width for the product summary container, but please note that the gallery below the product summary is also in the product summary container so it’s width is also changed and may be undesirable.
So you can try adjusting the image width to find an image width & summary/gallery width that you are ok width.
Don’t forget to clear your cache while you are testing.Best regards,
MikeHi,
I found that I see if I’m not logged in, but it works when I was logged in. I cleared your WP Fastest Cache and then I could see it on Chrome & Edge when logged out, please clear your browser cache and check.Best regards,
MikeHi,
I can’t explain why excluding slideshow.js would allow content to show without clearing your cache, when I examine the file I only see functions to set the container size and layout, adding the next/previous triggers, and other javascript events, but there are no calls to get the data, so it doesn’t make logical sense why this would work.
Anyways, did you try/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/(.*).jsfor your /news-events/ page?
The only other way I can think of is to not cache your /news-events/ page at all.Best regards,
MikeHi,
I believe you will need to refresh the cache when you create new posts, I don’t believe there is a way around that and it is why there is this option in WP Rocket.
A cache is a “snapshot” of your page at a certain time so the database doesn’t need to be called, by adding a new post you have changed the database but not the cache, so for your cache to show the latest version of your page it needs to be updated.Best regards,
Mike -
AuthorPosts

