Forum Replies Created
-
AuthorPosts
-
Hey ozdal23,
Please try to check if PHP ZipArchive Extension is enabled.
You can find it by going to LayerSlider then click on the three vertical dots (icon) located in the upper-right corner and click System Status
Screenshot: https://imgur.com/foSPFgQ
Then check if PHP ZipArchive Extension is enabled (located under Server Settings).
If it is disabled then you’ll need to enable it via cPanel here’s a guide on how to enable it: https://bobcares.com/blog/enable-php-zip-extension-cpanel/ or you can request help from your hosting provider to enable this feature and the issue should be fixed.
If it is enabled, please post us your login credentials (in the “private data” field), so we can take a look at your backend.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( to be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.Best regards,
NikkoHi DynamoGymnastics,
I just checked it and it does not have administrator privileges yet, please check.
I have posted a screenshot link in private content.Best regards,
NikkoHi Vera,
Please add this CSS code in Enfold > General Styling > Quick CSS:
#top .avia-post-nav .iconfont:before { display: none; } #top .avia-post-nav { width: 60px; } #top .avia-post-prev .iconfont { background: url(https://website.com/wp-content/uploads/2017/02/arrow_prev.png) center center no-repeat; background-size: contain; height: 30px; width: 30px; } #top .avia-post-next .iconfont { background: url(https://website.com/wp-content/uploads/2017/02/arrow_next.png) center center no-repeat; background-size: contain; height: 30px; width: 30px; }
Just replace http://website.com/wp-content/uploads/2017/02/arrow_prev.png and http://website.com/wp-content/uploads/2017/02/arrow_next.png with the correct URL of your arrow images, then adjust height and width as you see fit.
Also adjust the 60px width of the post nav as you see fit as well.Best regards,
NikkoHi smarta-brett,
I’m glad that we could help you :)
Thanks for using Enfold and have a great day!Best regards,
NikkoHi smarta-brett,
Thanks for providing the password.
There was a mixed content issue which is the font is fetching via HTTP though your site is using HTTPS and it’s now fixed.
Please review your site.Best regards,
NikkoHi Mike,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#top .container_wrap_first { border-top: none; }
Best regards,
NikkoHi DynamoGymnastics,
Thanks for providing the credentials however it doesn’t have sufficient permission.
Please set account’s role to an Administrator.Best regards,
NikkoHi Marina,
I apologize for the misunderstanding, use this code instead:
#footer-page .avia-section { min-height: auto; }
Best regards,
NikkoHi jensarnep,
Please remove the last code I gave and use this one instead:
#top #avia-menu #menu-item-399 .avia_mega_div.avia_mega2 { width: auto; } #top #header .avia_mega_div .sub-menu .programmer { width: 180px; }
This code is specific to the Program Menu.
Best regards,
NikkoHi Medecho,
Try adding this CSS code:
#wrap_all { margin-top: 30px; } .bluenav { position: fixed; top: 0; left: 0; width: 100%; z-index: 99; }
Hope it helps.
Best regards,
NikkoHi Elvira,
I apologize if I have caused any inconvenience however the answer I gave you is pointing in the right direction but would require some time, although it’s easy to follow but would require you to tweak some of it. That’s why my next response was to give you the specific codes for mastodon. :)
Anyway, thanks for using Enfold, and have a great day!Best regards,
NikkoHi Marina,
Please try to add this CSS code in Quick CSS (this only affects the Contact page):
@media only screen and (min-width:1100px) { .page-id-23 #av-layout-grid-1 { min-height: 733px; } }
Hope it helps.
Best regards,
NikkoHi Marina,
It does not work because the CSS style used is inline.
Since you are using a footer page, go to Pages > Footer > edit the Text Block with the copyright, then on the upper right corner of the Content area you should see Visual and Text, click on Text and you should see this text font-size: 12px, change 12px to the font size you want to use.
Hope it helps.Best regards,
NikkoHi everykt,
It’s not possible to autoplay video with sound in mobile devices.
Here’s chrome’s autoplay policies:- Muted autoplay is always allowed.
- Autoplay with sound is allowed if:
- The user has interacted with the domain (click, tap, etc.).
- On desktop, the user’s Media Engagement Index threshold has been crossed, meaning the user has previously played video with sound.
- The user has added the site to their home screen on mobile or installed the PWA on desktop.
- Top frames can delegate autoplay permission to their iframes to allow autoplay with sound.
Here’s the link for Chrome’s autoplay policy: https://developer.chrome.com/blog/autoplay/
You can use muted videos however you will also have issues with iOS devices which disables autoplay videos by default in their setting, so I believe using a background image for mobile is the best option.Best regards,
NikkoHi Tanja,
Can you try adding this CSS code:
.html_elegant-blog #top .post-entry .post-meta-infos { border-bottom: none; float: none; }
Hope it helps.
Best regards,
NikkoHi Elvira,
I apologize for that.
The mastodon logo is not available in fontello, so you’ll have to add this code in functions.php (in the documentation it is under Using images or non-Fontello icons)function avia_add_custom_social_icon($icons) { $icons['Mastodon'] = 'mastodon'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
Then go to Enfold > General Styling > Quick CSS and add this CSS code (in the documentation this is under In case of using an image)
#top #wrap_all .av-social-link-mastodon a:before{ content: ""; width: 20px; height: 20px; display: inline-block; vertical-align: middle; background: url(https://website.com/wp-content/uploads/2022/05/mastodon.png) no-repeat center center; background-size: contain; }
Finally replace this URL in the code http://website.com/wp-content/uploads/2022/05/mastodon.png with the correct URL pointing to your mastodon logo image.
I hope this helps.Best regards,
NikkoHi jensarnep,
Can you try adding this to your CSS code and see if it helps:
#top #avia-menu .avia_mega_div.avia_mega2 { width: auto; } #top #header .avia_mega_div .sub-menu .programmer { width: 180px; }
Best regards,
NikkoHi Medecho,
I can’t seem to see the issue you mentioned.
I have posted the screenshot on my end for the two links you gave.
Try clearing out the browser cache or if you are using Chrome try to open the pages in incognito mode.Best regards,
NikkoHi rosa,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!Best regards,
NikkoHi Sabrina,
Please try to go to Enfold > Advanced Styling > click Select an element to customize and change it to Widget Links and click on Edit Element button then change the Font Color.
Repeat the same process and for the second one check the Apply only to mouse hover state.
Hope this helps.Best regards,
NikkoHi Hans,
You can use this selector instead to target it properly:
#top #header .avia_mega_div .sub-menu .kontakt
The max-width: 150px won’t have effect because that column is about 100px in width which is less than 150px, use width or min-width instead.
Hope this helps.Best regards,
NikkoHi Medecho,
Thanks for giving us admin access.
I have hidden it via Quick CSS (located in Enfold > General Styling):.bluenav { display: none !important; }
You can remove this code if you want it to display again.
If you want to totally remove it, you can remove it in your child theme then go to includes > helper-main-menu.php, then remove bluenav div from line 1-15.
Hope this helps.Best regards,
NikkoHi Arjan,
Please try to add this code in functions.php file:
function enfold_customization_modify_thumb_size( $size ) { $size['entry_without_sidebar'] = array('width'=>1210, 'height'=>560, 'crop' => false); return $size; } add_filter( 'avf_modify_thumb_size', 'enfold_customization_modify_thumb_size', 10, 1 );
Then try to either re-upload the banner images or regenerate those images using a plugin.
Also you can adjust the height and width of the code.
Hope this helps.Best regards,
NikkoHi limedrop,
Unfortunately that’s not possible however I think you can make a workaround by hiding that Tab Section completely on mobile then use an Accordion and make it visible only to mobile.
If you want to stick with the Tab Section for mobile, then please replace the last code I gave with this one so reduces the top and bottom padding of the headings:@media only screen and (max-width:767px) { #top .av-tab-section-container .av-tab-section-tab-title-container { display: flex; flex-direction: column; min-width: 100% !important; left: 0 !important; } #top .av-tab-section-container .av-active-tab-title { background-color: rgba(0,0,0,0.2); } #top .av-tab-section-container .av-outer-tab-title { padding: 0; } #top .av-tab-section-container .av-outer-tab-title .av-inner-tab-title { text-align: left; } #top .av-tab-section-container .av-tabsection-arrow, #top .av-tab-section-container .av-tab-arrow-container { display: none; } }
Best regards,
NikkoHi Claudia,
Woocommerce plugin is required for that demo.
Please install and activate woocommerce then import the demo, once that is done, then just remove woocommerce, it should still work as expected.Best regards,
NikkoMay 3, 2022 at 12:24 pm in reply to: Header style of timeline to Monserrat, size of image icon in timeline #1350300Hi sensiblekaren,
Yes, your code is correct :)
Best regards,
NikkoHi limedrop,
It’s possible, try to add this CSS code in Enfold > General Styling > Quick CSS:
@media only screen and (max-width:767px) { #top .av-tab-section-container .av-tab-section-tab-title-container { display: flex; flex-direction: column; min-width: 100% !important; left: 0 !important; } #top .av-tab-section-container .av-active-tab-title { background-color: rgba(0,0,0,0.2); } #top .av-tab-section-container .av-tabsection-arrow, #top .av-tab-section-container .av-tab-arrow-container { display: none; } }
Hope it helps.
Best regards,
NikkoMay 3, 2022 at 12:11 pm in reply to: Header style of timeline to Monserrat, size of image icon in timeline #1350294Hi sensiblekaren,
Try to clear out the browser cache or if you are using Chrome, try to open the page in incognito mode.
I have checked your site and the Montserrat font is rendering correctly, I have posted a screenshot link in private content.Best regards,
NikkoHi mattb1169,
I apologize I seem to have misread the issue, tab element always has one tab opened and the option is only which tab number is open by default.
The element which has the option to close by default and open/expand when clicked is the Accordion which may be the one you want to use.Best regards,
NikkoHi ArjanDenHaag,
Thanks for providing the link.
Please go to Appearance > Customize > Woocommerce > Product Images, then adjust the width as well as the thumbnail cropping and try to re-upload the banner image.
Hope this helps.Best regards,
Nikko -
AuthorPosts