-
Search Results
-
Hi,
I am trying tom use Text and CSS to create header with any logos can you help please. I have tried to use the documentation to create a heading. Using this code in functions.php file.
<?php
/* LOGO – 21-05-20
—————————————-*/
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= ‘<div class=”logo-title”>WAYNE ANDERSON<span></span></div>’;
$sub .= ‘<div class=”logo-subtitle”></div>’;
return $sub;}
?>But I have two issues I need the text to be central across header and also when I delete the logo I get the enfold logo coming up as default. I have enclosed a screenshot of what I am trying to achieve with text highlighted.
https://peter-test1.co.uk/header-example.jpgMany thanks.
In reply to: quantity cannot be changed
Hi,
Great, I’m glad that Ismael could help you out. Please open a new thread if you should have any further questions or problems.
Best regards,
RikardHi,
I haven’t added the CSS you mentioned, as far as I know.
I added the CSS to the settings in Enfold, and now the portfolio grid display is working correctly.
Thanks for your help.
Best regards.
In reply to: The website loads invisible elements.
Edit: here is the solution with working separators on those color-sections
the color-section that should react like this:
give a custom class to it: av-video-section
give a background-color to it that does not disturb your video switch (not white – something that fits to your video content
place a codeblock element on top of your color-section ( codeblock to content – not as codesnippet)<video class="responsive-background-video" autoplay muted loop playsinline data-video-mobile="path/to/mobile.mp4" data-video-desktop="path/to/desktop.mp4"> <source src="" type="video/mp4"> </video>this to your quick css:
.responsive #top #wrap_all .avia-section.av-video-section { position: relative; overflow: hidden; min-height: initial; /* taken from Enfold section setting */ } .responsive #top #wrap_all .avia-section.av-video-section .container { position: relative; z-index: 1; max-width: 100% !important; width: 100% !important; padding: 0 !important; } .responsive #top #wrap_all .avia-section.av-video-section .responsive-background-video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover !important; z-index: 0; min-height: inherit; /* transfer from Enfold section setting */ } .responsive #top #wrap_all .avia-section.av-video-section .avia-divider-svg { z-index:2; } .responsive #top #wrap_all .avia-section.av-video-section .avia-divider-svg.avia-to-front { z-index:100; }the snippet for child-theme functions.php
function custom_responsive_background_video_script() { ?> <script> (function($) { "use strict"; $(document).ready(function() { $('.responsive-background-video').each(function() { const video = this; const $video = $(video); const source = video.querySelector('source'); const win = $(window); // Get video paths from data attributes const mobileVideo = $video.data('video-mobile'); const desktopVideo = $video.data('video-desktop'); if (!mobileVideo || !desktopVideo) return; function updateVideoSource() { const isMobile = win.width() < 768; const newSrc = isMobile ? mobileVideo : desktopVideo; if (source.src.indexOf(newSrc) === -1) { source.src = newSrc; video.load(); } } // Initial load updateVideoSource(); // Resize handling win.on('debouncedresize', updateVideoSource); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_responsive_background_video_script', 999);see example page with divider : https://webers-testseite.de/background-video/
In reply to: The website loads invisible elements.
what you can do – ( not with enfold specific tools )!
do not set the background-image with enfold color-section settings.
put into the color-section on top a code-block element with this content
(adjust to your path and videos):See Solution on next posts
In reply to: The website loads invisible elements.
Hey Antonio,
The setting that you are referring to uses css to hide the color section after page load, PHP can not determine the screen size of the device, since it is a server side code language. CSS is a client side code language that loads on the user device, but will not stop the video from being served. Another option would be Javascript, such as in this thread, but it is also a client side code language, while it can stop the load of the video as long as the Javascript runs first, but using a caching plugin like WPRocket may derfure the Javascript and cause it to not work. Most caching plugins force Javascript to run in the footer, but this would need to run in the header before the videos.
So ultimately you will be losing the render blocking of Javascript to gain the video from not loading, if your video is very large you will save on the page load, but otherwise you will see warnings that the Javascript is causing page render blocking.Best regards,
MikeHi,
Glad that Guenni007 could help, thank you Guenni007, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.Best regards,
MikeIn reply to: Update Enfold theme from 3.5.4 to current
Hi,
Glad that Rikard could help, if you have further questions please open a new thread and we will try to help. Thanks for using Enfold.Best regards,
MikeIn reply to: Update Enfold theme from 3.5.4 to current
Using the Add New Theme and selecting the enfold.zip downloaded from envato market worked perfectly. Thank you for the quick response and accurate guidance.
Hallo Zusammen, bei Woocommerce kann man ja einstellen, wo ein Produkt gezeigt werden soll.
Im Shop und den Suchergebnissen, Nur im Shop, nur Suchergebnisse oder ausgblendet.
Leider funktioniert das nicht für die Enfold Suche und bei Ähnlichen Produkten wird es auch angezeigt, wenn man es zb auf ausgeblendet setzt. Ich habe es jetzt mit CSS gelöst, aber vielleicht könnte man das ja mit einem Update in Zukunft mal besser lösen?Danke und Gruß KiM
you do not see the image above in https://kriesi.at/support/topic/how-to-remove-the-bar-above-the-main-menu-preferebly-without-any-css-code/#post-1490697
click on it to enlarge the image.so Enfold (or Enfold-Child) – Header then on the right “extra Elements” Tab
remove all entries there.Header Social Icons : No social Icons
Header Secondary Menu : No Secondary Menu
Header Phone Number/Extra Info: No Phone Number/Extra Info
Hi,
Thanks for the update. You can hide that by going to Enfold->Header->Extra Elements->Header Phone Number/Extra Info, then select the first option in the drop down menu.
Best regards,
RikardIn reply to: Error in uploading the theme
Hi,
Please refer to this on how to install the theme via FTP: https://kriesi.at/documentation/enfold/install-enfold-theme/#ftp-install
Best regards,
RikardIn reply to: Update Enfold theme from 3.5.4 to current
Hey joakleaf,
The update to 7.1.3 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the theme as if it was new under Appearance->Themes->Add New Theme.
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/Best regards,
RikardHi Rikard,
Unfortunately not, so just to be clear. On wordpress, I go to Enfold, I click on Advanced Styling –> from the drop down menu I choose small bar above the main menu –> I click Edit Element. Then I see an area underneath that says small bar above the main menu. I can change the colors and everything. But when I press the X and delete it, save, refresh my website, the icons are still there, the borderline is still there. Also, in the dropdown menu in the Advanced Styling, the small above is still there. Please help.
I currently have a license for Enfold however I have not lost the API key and it appears that using a API key is not even supported for updates anyway. What is the process for updating to the current version given the legacy version I am using is 3.5.4.
In reply to: I am not receiving updates at version 4.7.6.3.
Hi,
Thanks for letting us know. Please open a new thread if you should have any further questions or problems.
Best regards,
RikardIn reply to: Enfold Medicine
Hey slauffer,
Thank you for the inquiry.
The site is in maintenance mode, so we are not able to check it. Where the site is hosted? If it’s on OVH, you will need to import the demos manually using the XML files. Due to an issue with this host, images and other media files may not import correctly. Please refer to this documentation for more info.
— https://kriesi.at/documentation/enfold/import-demos/#how-to-manually-import-a-theme-demo
Let us know if you have more questions.
Best regards,
IsmaelIn reply to: General question
Hey Henk,
Thank you for your interests in the theme.
We believe what you’re referring to as “templates” are the demos. If that’s the case, once you purchase a license, you’ll be able to select any of the templates or demos available for the theme. Please note that each import will override the previous one, but you can always reset the installation if needed.
Regarding the layout, it’s possible to add a section or an element with a background video. You can also use the sliders from the Advance Layout Builder or utilize the Layer Slider plugin, which is included natively in the theme.
For more information, please browse through the documentation and check out the articles on our blog:
— https://kriesi.at/documentation/enfold
— https://kriesi.at/blogIf you have any further questions, please feel free to send us a message. See you on the forum!
Best regards,
IsmaelTopic: Enfold Medicine
Hello,
I bought a licence for Enfold, but i am missing the typical views for the Medicine. How can I install the Demo Mediciine, when I download the standard version. Symbols are missing for exmample. What was wrong? Please inform me about the right installation.Hi,
Hope you’re doing fine. I’ve recently bought Enfold and I’m using the Travel Demo. There is a blue bar above the main header/main menu that I can’t remove. I even found went to Enfold –> Advanced Styling and I deleted something called “small bar above the main menu”. Now the blue bar is kind of gone but that area is still there with the buttons (call, Registeration, Customer Login). So I thought it’s best to ask you before playing around with it anymore. I found a solution you have provided with adding a CSS code to Enfold but I was wondering if it’s possible to get rid of it without adding any CSS code.
Thanks
In reply to: Enfold 4.4.1 – PHP update error
Hi,
That should not be necessary, but as a safety precaution you could copy/paste it in to a document on your local computer. You can also export the theme setting under Enfold->Import/Export.
Best regards,
RikardIn reply to: Enfold 4.4.1 – PHP update error
Hi Rikard,
Sorry for the very late answer. I have purchased a new Enfold license. With the current version of the website I did a lot with Quick CSS. When installing the new license, do I have copy/paste the code from the old version to the new version?
Best regards,
MariekeIn reply to: Upper Menu size
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
#header_meta { height: 50px; min-height: 50px; } .phone-info { font-size: 16px; }Best regards,
RikardIn reply to: Sektion und Rasterzeilen reagieren nicht
Hi Rikard
That worked! Thank you so much. I simply used the code from your Enfold documentation, and now everything works as usual.
I have one last question: Your code only supports one mobile screen size (max-width: 989px). What does the code look lik,e if I need to differentiate between mobile and tablet portrait modes – so that the margin-top is correct?
@media only screen and (max-width: 989px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 110px !important;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}Thanks
SarahIn reply to: Video on home page
on styling the slider :
on default enfold tries to use the common 16/9 aspect ratio.
If your video does not fit to that ratio – just put in the concerning field your used aspect ratio.
If it is your video struct-vo-bg-music-final.mp4 – this video got a ratio of 1500 / 710
you can insert these values.
Open that slide popup and …
PS: with these settings you do not need any additonal css.
The only thing that can happen is if the slides do not have the same aspect ratio. Then the height would adjust dynamically depending on the slide, which would interfere with viewing (or even reading) the subsequent content.In reply to: Site speed dramatically slower
Hey jonroot,
Thank you for continuing to use Enfold.
Have you done any speed optimization on the site such as image compression? We have checked some of the images, and they are quite large relative to their dimensions, one image is only 800×600px but is almost half a megabyte. We recommend installing an image compression plugin and a caching plugin. Please see the articles below for tips on further optimizing your site.
— https://gtmetrix.com/wordpress-optimization-guide.html
— https://kriesi.at/archives/scoring-100-100-in-google-pagespeed-insights-gtmetrix-pagespeed-and-yslowBest regards,
IsmaelIn reply to: WordPress Error Meldung searchform Enfold
Hi,
Thanks for that, but there are no files at all uploaded to the site which you gave us access to earlier.
Best regards,
RikardIn reply to: License code expired need additional support
Hey Heather,
Please see this article about purchasing extended support.
As for your search issue, please disable all of your plugins and then check.
The Enfold theme has had a known issue with the Advanced Woo Search plugin, particularly concerning the display and functionality of the search bar in the main menu. A reported issue involves the search bar appearing briefly and then disappearing when integrated via the “Shortcode in Menus” plugin. Please see this thread.
Another possibility is your Autoptimize plugin forcing the “display:none” instead of allowing the results to show. Autoptimize often causes errors like this. Nonetheless once you extend your support we can review further.
Best regards,
MikeIn reply to: Need an old version to manage customizations
Hi,
Glad that Rikard could assist, for further questions please open a new thread and we will be happy to assist.Best regards,
Mike
