Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you, when I check your site the search bar is expanded, please see the screenshot in the Private Content area.
Please include a screenshot of how you see it.Best regards,
MikeOctober 26, 2021 at 12:12 pm in reply to: I can't see the full theme displayed when I instal my demo theme. #1326474Hi,
I’m glad that we have your demo import sorted out, we ask that each thread stays on one topic and for new questions please create a new thread and we will gladly try to help you there. This thread is already 18 posts long, thank you for understanding.
I believe that you are referring to an image like the background images under the titles “Our Menu”, “Contact Us”, & “Reservations” in your One Page Restaurant Demo, these are the background images for the color sections and are using the parallax effect, please see our documentation about the Parallax Effect, you can also examine the settings in these color section example on your site. The actual import is just like any other image in the media library. Please note that the parallax effect doesn’t work on Safari browsers like on the iPhone or iPad, this is a known issue that Apple will address.
If I have misunderstood your question please create a new thread and explain in further detail and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeOctober 25, 2021 at 12:26 pm in reply to: I can't see the full theme displayed when I instal my demo theme. #1326309Hi,
I didn’t have the access that I needed to install the theme, so in the interest of helping you I manually corrected the failed install that you already had, I was able to do this because it was a one page demo, if it was multiple pages I could not have done this. Now you can continue to customize your site and continue with your project.Best regards,
MikeOctober 25, 2021 at 11:47 am in reply to: I can't see the full theme displayed when I instal my demo theme. #1326296Hi,
It looked like the Images were already there, I just manually picked them.Best regards,
MikeOctober 25, 2021 at 11:45 am in reply to: Making background color of layout elements/text blocks a bit transparent #1326293Hi,
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,
MikeOctober 25, 2021 at 1:22 am in reply to: I can't see the full theme displayed when I instal my demo theme. #1326252Hi,
Ok, I got your site sorted out with the One Page Restaurant Demo, please clear your browser cache and check.Best regards,
MikeHi,
Thanks for the feedback, I see that you are using montserrat for the font and the browser console says the font weight is 700, which is bold. So try downloading the montserrat font here,

and import it at Enfold Theme Options ▸ Import/Export ▸ Custom Font Manager you should see this result:

then choose this font at Enfold Theme Options ▸ General Styling ▸ Heading Font it will be at the bottom of your font list:

then save your settings and clear your browser and plugin caches such as siteground-optimizer, and check.Best regards,
MikeHi,
Thank you for the test page, so above you said that when you test this on a new wordpress installation the issue is not reproduced? Only when a Multisite? Are you able to create a new clean Multisite with no plugins or customizations?
If so then I will ask someone with Multisite experience to look at this.Please copy the shortcode that you added to the element to break it to a plain text file and link to it below, perhaps seeing the shortcode will help identify the error.
Please enable the Enable Avia Layout Builder Debugger and enable WP_DEBUGBest regards,
MikeOctober 24, 2021 at 10:08 pm in reply to: I can't see the full theme displayed when I instal my demo theme. #1326243Hi,
FTP is a way to upload files to your server, how do you login to your server, cPanel?, what web host do you use?
Above you wrote that you have tried to install the demo but it’s not looking like the demo preview.
If you don’t need any of the images then I could try to install the demo without FTP or cPanel access but it will not look like the demo preview, it will probably look like a mess because image sizes dictate many element locations.
Try disabling all of your plugins, then reset your site with WP Reset then enable Enfold and make sure no other plugins are activated, then import the One Page Restaurant Demo
If this doesn’t work then without FTP or cPanel access the only other thing I can think of is to install the demo on my localhost and copy the page shortcode to your site, but this will not include the images and possibly some of the theme settings, but it will give you a framework to start with.Best regards,
MikeHi,
That is not correct, if you want the top padding to be 50px please write it like this:#av-burger-menu-ul { padding-top: 50px!important; }Then clear your browser cache and check.
Best regards,
MikeHi,
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,
Mike -
AuthorPosts


