-
Search Results
-
In reply to: Banner with video embedded
Hi
Please confirm CDN?
Also, initial question. Which is the best element to use in Enfold builder for banner video background with text header and button to front?
Colour selection for the video background, then text and button in a column?Please confirm
Thanks
MarcusHey ScenesBySevy,
Thank you for the inquiry.
The buttons are not accessible because of the slider’s permanent caption. You may need to install this plugin in order to fix this issue.
Please provide the FTP details in the private field so that we can activate the plugin and add the necessary adjustments to the slideshow template.
Best regards,
IsmaelTopic: Banner with video embedded
Hi,
I am wanting to put a banner on my homepage with a video background and headline text + button overlapped.
What is the best practice/enfold layout builder element to use for this and is there a best optimisation for video? I don’t want to get any loading speed issues and be penalised by Google for this.
Please advise
Thanks
MarcusHi,
I noticed that the Enfold default restaurant theme has an interesting design feature where the last nav bar button has a line around it.
Here is the reference:
I would like to create this look, how would I do that?
Thanks in advance!
GB
Hi there
I followed the documentation here: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#alb-for-any-post-type regarding allowing ALB to be used by other post types – in this case by LearnDash.
It worked in the sense that it enabled ALB in the “courses” and “lessons” interfaces, so that’s great.
However, when adding anything other than a text box, the spacebar button doesn’t work.
For example, if I add a “Special Heading” within ALB, I can type in the text for the heading, but pressing the spacebar button (to put a space between words) doesn’t work – I can’t add spaces between words/letters.
I’ve tried in multiple different elements – Code Block, Tabs etc, and it’s the same result – the spacebar doesn’t work when trying to enter text in those elements.
The only time it works is in the “text block” element – then the spacebar button works no problem.
Any idea what the problem could be? It’s an extremely odd issue – particularly because it’s not across all elements.
Here’s the code I added to the functions.php file:
require_once( 'functions-enfold.php' ); function avf_alb_supported_post_types_mod( array $supported_post_types ) { $supported_post_types[] = 'sfwd-lessons'; $supported_post_types[] = 'sfwd-courses'; $supported_post_types[] = 'sfwd-topic'; return $supported_post_types; } add_filter('avf_alb_supported_post_types', 'avf_alb_supported_post_types_mod', 10, 1); function avf_metabox_layout_post_types_mod( array $supported_post_types ) { $supported_post_types[] = 'sfwd-lessons'; $supported_post_types[] = 'sfwd-courses'; $supported_post_types[] = 'sfwd-topic'; return $supported_post_types; } add_filter('avf_metabox_layout_post_types', 'avf_metabox_layout_post_types_mod', 10, 1);Please note there is no child theme, so this was added directly to the main functions.php file.
Any help would be greatly appreciated!
In reply to: Telegram in Social Share Button
Hi aboderc,
Thanks for posting the code that you used.
The code will only show up in Social Profiles where you have the option to add it on the header or footer, on the social links however you may need to do these extra steps:
1. Override Social Share
– Do the things posted on this section: https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
– Copy social_share folder located in the parent theme wp-content/enfold/config-templatebuilder/avia-shortcodes and paste it to the shortcodes folder in the child theme
– Edit social_share.php in the child theme and find this code (line 453-462):array( 'name' => __( 'YouTube Link', 'avia_framework' ), 'desc' => $check_profile, 'id' => 'share_youtube', 'type' => 'checkbox', 'std' => '', 'container_class' => 'av_third ', 'lockable' => true, 'required' => array( 'buttons', 'equals', 'custom' ) ),and below it add this code:
array( 'name' => __( 'Telegram Link', 'avia_framework' ), 'desc' => $check_profile, 'id' => 'share_telegram', 'type' => 'checkbox', 'std' => '', 'container_class' => 'av_third ', 'lockable' => true, 'required' => array( 'buttons', 'equals', 'custom' ) ),2. Add this code in functions.php:
function avia_add_custom_social_share_link_arguments($args) { $telegram = array('telegram' => array( 'encode' => false, 'encode_urls' => false, 'profile_only' => true )); $args = array_merge($args, $telegram); return $args; } add_filter('avia_social_share_link_arguments', 'avia_add_custom_social_share_link_arguments', 10, 1);Hope this helps.
Best regards,
NikkoIn reply to: Google ReCaptcha 2 no longer works
PS, I see my website was set to still display that cookie panel where you can’t do anything before accepting cookies.
Once accepted I see that the reCaptcha doesn’t display the error message and the button is there.
It’s a pretty useless to stop visitors as soon as they arrive so this isn’t a workable solution to fix the contact page.
I am tempted to just go back to the Enfold Numeric Captcha and just delete all the spam??
It’s so annoying as when I set it up they all worked perfectly!See you,
ColinInstalled the market plugin.
Plugin recognised a later version of theme available.
Used plugin to try and update.
Plugin then reported ‘Updating failed The theme is at the latest version
Now Enfold ‘Theme Update’ panel shows an update is available
Use update now button
Update workedSo this is resolved for now but we’ll see what happens with the next Enfold update.
Thanks for your help. Good to know about the Envato plugin.
In reply to: Text truncated on mobile view
Hi,
Thanks for that, we can see the page now. Please try the following in Quick CSS under Enfold->General Styling:
@media only screen and (max-width: 767px) { .slideshow_caption { padding-top: 15px !important; } .avia-caption-content p { margin: 0; } .avia-slideshow-button { margin-top: 10px; } }Best regards,
RikardIn reply to: style Cookie Consent Message Bar
Thanks, font and line height is smaller now, so you can read more, but still, the modal itself is not scrollable.. i will make the font-size small so that there’s no scrolling needed.
however i have another problem and i have it on every single page with enfold theme. it’s difficult to exlain though.
also in the cookie modal you can klick the button “anpassen” which leads you to another pop up modal.
when you scroll down theres a white space – it appears only on iphone!
here it is on http://www.cafecentral.wienyou know what it could be?
thanks!!In reply to: change the color for each category
try:
.category-podcasts .av-masonry-entry-title.entry-title, .category-podcasts .post-title.entry-title, .sort_by_cat a.podcasts_sort_button { color: red; } .category-newsletters .av-masonry-entry-title.entry-title, .category-newsletters .post-title.entry-title, .sort_by_cat a.newsletters_sort_button { color: green; } .category-publications .av-masonry-entry-title.entry-title, .category-publications .post-title.entry-title, .sort_by_cat a.publications_sort_button { color: blue; } .category-vie-du-cabinet .av-masonry-entry-title.entry-title, .category-vie-du-cabinet .post-title.entry-title , .sort_by_cat a.vie-du-cabinet_sort_button { color: orange; }etc.
each 3rd line is if you got a sort on categories aktivatedPS: if you like to have an indicator for activated sort cat:
f.e.:.sort_by_cat a.active_sort { text-transform: uppercase; font-weight: bold; }IMPORTANT : sometimes it is not sort_by_cat but : av-sort-by-term ( if portfolio masonry …)
like here on that masonry: https://kriesi.at/themes/enfold-2017/elements/masonry/And you see – we could have the problem that a post has two or more cats or portfolio “cats” ( terms )
like in the example page : portfolio_entries-photography and portfolio_entries-illustrationon that portfolio case you got some ID’s to differ what is active sort: ( for that demo page of enfold above )
#masonry_id_photography_sort .av-masonry-entry-title.entry-title { color: red; } #masonry_id_illustration_sort .av-masonry-entry-title.entry-title { color: blue; }In reply to: Consent Tool (DSGVO, GDPR)
Hi,
Thank you for the update.
You can find a demo of the privacy & cookies option in the following page.
// https://enfold.inoplugs.com/privacy-test-page
Cookies required by external services such as Youtube, Google Maps etc are blocked by default. In the test page above, you will not be able to play the video directly in the site without enabling the Other external services > Vimeo and Youtube video embeds option within the privacy popup window (click the Settings button in the consent message bar).
Best regards,
IsmaelHi,
Please note that the post excerpts will not show for posts created with the Advanced Layout Builder, you will need to manually add the excerpts with the Excerpts Option.
For blog posts there are a few elements that will not show automatically for posts created with the Advanced Layout Builder, typically it is recommended to use the WordPress default editor for posts to take advantage of the automatic features, but you are welcome to manually add the elements such as the social share buttons, the comment form, and the related posts element, along with manually adding your own excerpts, if you wish.
As for moving the filter to the left with 260px laft padding, this css is working in my test:#top .av-masonry-sort { text-align: left; } #top .av-masonry-sort .av-sort-by-term { padding: 0px 0px 0px 260px; }Please see the screenshot in the Private Content area.
After applying the css, please clear your browser cache and check.Best regards,
MikeIn reply to: changes are saved when clicking "preview"
Hi,
No, the changes are also applied when clicking “save”. We don’t have a preview function anymore because clicking “preview” has the same effect as clicking “save”. So both buttons do save the edits.
And I hope you understand that this is a big issue, since we like to try out how things look without the whole world to see it. Especially on the home page. And this problem started after the latest Enfold Update.Thanks for checking!
Best
viZaar marketingIn reply to: Enfold Theme – Various setup
Hi Marcus,
The enfold child theme can’t be downloaded at themeforest, you can download it on our server: https://kriesi.at/documentation/enfold/child-theme/ then click the large yellow button with the label “Download the Enfold Child theme”.
Best regards,
NikkoIn reply to: Nofollow to buttons and images
Hi,
I’m hoping this is the correct place for me to post, please correct me if I’m wrong.
I’m using Enfold theme version 4.6.3.1 alongside a child theme of Enfold (tried updating to 5.0 but it breaks my website for some reason)
Is there any code I can add to get the “nofollow” attribute to outbound button links?
Hi,
Thank you for your patience and the link to the GitHub project, I first noticed that the project has an option to define a button on line 72 by adding the attribute to the shortcode like this:
[mfp_post_popup post_slug_id="3460" popup_id="1" link_text="Popup Button" button="true"]
in the project on line 105 you will see it has an image attributeimage_linkso it will allow an image like this:
[mfp_post_popup post_slug_id="3460" popup_id="2" link_text="" image_link="/wp-content/uploads/2015/07/portfolio-2-2-260x185.jpg"]
notice the link_text=”” is empty for the image, without the empty attribute the default is “Click Me”
Now considering that your goal is:to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window.
I tested this GitHub project on some portfolio items and found that full width elements break it and display some the target page below the footer on the trigger page, it works fine if the target page has no full width elements.
If you are going to have full width elements on the target page why not just use a button or image with
?iframe=truein the link?
you could use css like this to make the lightbox larger:.mfp-iframe-scaler { width: 100% !important; max-width: 100% !important; height: 300vh !important; max-height: 300vh !important; } .mfp-iframe-holder .mfp-content { max-width: 90vw!important }and use the theme options to hide the footer and header on the target page:
So since you want to create a grid of images that link to pages that show in a lightbox, I don’t see an advantage to using this GitHub project to create a grid of shortcodes when you could use the image elements to do it without errors.
Another built-in option would be to use the portfolio ajax, true it’s not a lightbox but it loads the content on the same page.For the example page you linked to, I didn’t find any lightbox popups on it, each grid image that I clicked loaded a new page, perhaps you meant to link to a different page.
Best regards,
MikeIn reply to: License renew
Hey Gabriel ,
Thanks for contacting us!
Please login to your account on ThemeForest and go to Enfold’s page – https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990 and click “Renew support” button on the right hand side.
After that, you can go to https://kriesi.at/support/forum/enfold#new-post and re-validate your purchase code :)
Best regards,
NikkoIn reply to: Modification slider de produit
Hi sebzh22,
We apologize for the delayed response.
It is possible for the product name to be positioned at the top left and the price at the bottom left, however the whole product item is linked to specific product page and there’s no option to show the button. Please try to add this CSS code in Enfold > General Styling > Quick CSS:#top .avia-product-slider-container .woocommerce-loop-product__link { position: relative; } #top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header { position: static; text-align: left; } #top .avia-product-slider-container .woocommerce-loop-product__link .inner_product_header .woocommerce-loop-product__title { position: absolute; top: 4px; left: 12px; }Hope it helps.
Best regards,
NikkoTo follow up, the shortcode as above is incompatible with the Enfold Advanced Layout Builder. As that is how the whole site is built, it won’t work. The PHP is from – https://gist.github.com/HuxburyQuinn/85af6bdf043bdfceb1f9e754abc59987
The shortcode does this and I can load a page into the popup, but it is incompatible with the Advanced Layout Builder and will not work as a button or image link. Here is a test page — https://dev.blaircomm.us/6194-2/ – click the link “creative.”
I want the same inline popup style triggered by a button and an image, see – https://www.behance.net – how they show portfolios in an inline popup triggered by an image. This is to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window. As I said, the shotcode does this but is unworkable as an image link and within the Advanced Builder.
I have gone over other posts where it looks like this can be done, but don’t see a comprehensive post with all the steps/code that I can get to work. I looked at https://www.youtube.com/watch?v=ezR27jB7zL8, but it is from 2018 and I can’t get it to work.
Is there a way this can be done working within the Advanced Layout Builder?
Dear Support,
Only one page of my Enfold website does the following:
a) changes the footer
b) throws a warning telling me the avia_builder_button failed to initialize. (If I click ‘update’, I get the warning; if I hit ‘refresh’ it goes away.)
Any idea how I can fix both?
Please advise. Link to page and credentials in private content.
Thank you,
TimIn reply to: avia layout gone!
Hi Lefteris,
Please try to add this CSS code in Enfold > General Styling > QUick CSS:
@media only screen and (max-width:767px) { #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption { padding-top: 28px; } #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption .avia-caption-title { line-height: 1em; } #top #wrap_all #full_slider_1 .av-q3q9qn-53925e4809ef013df04d16b8e3d727c0 .slideshow_caption .avia-slideshow-button { margin: 12px 0 0; } #top #wrap_all #av_section_1.av-mhok2n-638bda690f6640ff90af9e62788881c3 .content { padding-top: 40px; } #top #wrap_all #av_section_1 .flex_column_table.av-kf05nz-46eaca2763ddd7be847a91efb3dfdb63 { margin-top: 0!important; } }It’s specific to the page you posted.
Hope it helps.Best regards,
NikkoIn reply to: Floating Button on each page
I added a link below in the „private content“. There you can see a composing of how it shall look like (here the mobile view). I mean the Button on the right „Termin buchen“.
Maybe you know the best way to realize this with enfold?.
Thank you in advance.
CCIn reply to: Support
Hey Ivan Glaser,
Please use this link to open a new thread, or click this button on the Enfold sub forum: https://imgur.com/a/AnoSPNb.
Best regards,
RikardTopic: Floating Button on each page
Need your help: I read the documentation about this topic, but still do not understand, how to create and configure a floating button, that appears on each page of the enfold-Installation. I work with a child-theme.
Thanx in advance
CCHey finchkelsey,
Thank you for the inquiry.
Did you install a pinterest or a social sharing plugin? Please deactivate the plugin temporarily, then toggle the Enfold > Performance > File Compression settings to regenerate the scripts and stylesheets. Let us know if that helps remove the unwanted pinterest button.
Best regards,
IsmaelIn reply to: Lightbox Animation
see: https://enfold.webers-webdesign.de/#portfolio
main part is – i think for you to slow down the transition between – maybe you try first only:
.mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler { opacity: 0; /*** here you can influence the transition opacity - test with 1 to see the difference ***/ -webkit-transition: all 2s ease-out; transition: all 2s ease-out; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); }___________________________________
– on my page i had :.mfp-ready .mfp-figure { opacity: 0; } .mfp-zoom-in .mfp-figure, .mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler { opacity: 0; /*** here you can influence the transition opacity - test with 1 to see the difference ***/ -webkit-transition: all 2s ease-out; transition: all 2s ease-out; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); } .mfp-zoom-in.mfp-bg, .mfp-zoom-in .mfp-preloader { opacity: 0; -webkit-transition: all 2s ease-out; transition: all 2s ease-out; } .mfp-zoom-in.mfp-image-loaded .mfp-figure, .mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler{ opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg, .mfp-zoom-in.mfp-ready .mfp-preloader { opacity: 0.85; } .mfp-zoom-in.mfp-removing .mfp-figure, .mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg, .mfp-zoom-in.mfp-removing .mfp-preloader { opacity: 0; } .mfp-iframe-scaler{ overflow: visible; /*so the close button is shown*/} .mfp-zoom-out-cur { cursor: auto; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer; }the scale-factor is up to you – maybe a scale-factor nearby the 1 looks better
In reply to: Vorrei inserire l'icona di TikTok nel opzioni tema
Hey cristinagrafik,
Thanks for your question, you can add more social profiles by following the steps outlined here in our documentation.
Unfortunately I don’t believe that Fontello has a Tiktok icon yet so please see this thread specific for creating the Tiktok social icon.Best regards,
MikeHi there!
I have applied a widget to a header based on this and am wanting to use a different header as this doesn’t work very well at all for mobile devices.
https://kriesi.at/support/topic/buttons-in-header-above-menu/
Is that possible?
Or will I need to change all of the CSS to only apply to desktop – https://kriesi.at/documentation/enfold/add-button-elements-to-your-header/#toggle-id-2
Many thanks!!In reply to: Enfold 5 and ECP
Hi Jason,
CSS fixes in TEC plugin are related to top filter bar on events page and calendar dropdown button. If you would like to apply it on your installation, please go to Appearance > Editor and replace /enfold/config-events-calendar/event-mod-css-dynamic.php file with this one – https://pastebin.com/ymsTrkKi and then replace /enfold/config-events-calendar/event-mod.css file with this one – https://pastebin.com/wCbitu5v.
After updating the files, please save Enfold theme options and clear cache.Enfold is the only theme we are developing so we will make sure that it adapts to changes made in WP core. Regarding the roadmap, even though we released Enfold 5 recently, Enfold 6 is in sight and it will be the greatest release of Enfold ever. Kriesi said that he has not been this excited since the initial release of Enfold. Though, great things take time so unfortunately there is no ETA or feature reveals yet :)
Best regards,
Yigit
