-
Search Results
-
Hi BlueMoon4000,
That is the default behaviour when using the Layout Builder for posts, you have to add everything to the post manually. Or switch to the default editor like you pointed out.
If you need to start a new thread then there’s a big blue button on the top of each sub forum for that, or you can follow this link.
Best regards,
RikardHello,
I hope you can help, I’ve been able to customize the contact form to a certain point but some things are still not working:
1) The right alignment of the top two rows do not align with the message box and need to
2) The css styling of the submit button isn’t updating in the browser correctly.
I’d like it to be outlined white with white text, and probably larger in general, then when hovered, have a slightly transparent white BG so that it looks like a lighter red but the white text and outline are still visible – sort of from outlined to filled when hovered over.
5) If it’s at all possible to update the form filed font to Omnes light, that would be incredible too.Thank you SO much for any help in advance. Your support team is truly what makes using your themes the best experience.
Sincerely,
StephanieTopic: Monthly calendar not working
Hello,
we make a website for our client and we want on contact form of the date field to display a monthly calendar like in: https://kriesi.at/themes/enfold-restaurant-one-page/#reservations
We found from your documentation how to visualize it:
.ui-datepicker-calendar .ui-datepicker-week-end+.ui-datepicker-week-end a.ui-state-default, .ui-datepicker-calendar tr > td:first-child a.ui-state-default {
background-color: gold;
pointer-events: none !important;
}But it turned out to be only visible when you logged in as an admin.
After searching in the forum, we found here (https://kriesi.at/support/topic/date-selection-contact-form/) a code for file function.php :The script is being executed before jQuery loads, which is why it’s not working. I’ve added this code in the functions.php file to fix the issue temporarily
function ava_load_jquery_dep_script() {
wp_enqueue_script( ‘avia-datepicker-dummy’, get_template_directory_uri() . ‘/js/test.js’, array(‘jquery’), ‘1.0’ );wp_add_inline_script( ‘avia-datepicker-dummy’, ‘jQuery(document).ready(function(){ jQuery(“.avia_datepicker”).datepicker({
beforeShow: function(input, inst) {
jQuery(“#ui-datepicker-div”).addClass(this.id);
inst.dpDiv.addClass(“avia-datepicker-div”);
},
showButtonPanel: true,
closeText: AviaDatepickerTranslation.closeText,
currentText: AviaDatepickerTranslation.currentText,
nextText: AviaDatepickerTranslation.nextText,
prevText: AviaDatepickerTranslation.prevText,
monthNames: AviaDatepickerTranslation.monthNames,
monthNamesShort: AviaDatepickerTranslation.monthNamesShort,
dayName: AviaDatepickerTranslation.dayNames,
dayNamesShort: AviaDatepickerTranslation.dayNamesShort,
dayNamesMin: AviaDatepickerTranslation.dayNamesMin,
dayNames: AviaDatepickerTranslation.dayNames,
dateFormat: AviaDatepickerTranslation.dateFormat,
firstDay: AviaDatepickerTranslation.firstDay,
isRTL: AviaDatepickerTranslation.isRTL,
changeMonth: true,
changeYear: true,
yearRange: “c-80:c+10”
}); });’ );
}
add_action( ‘wp_enqueue_scripts’, ‘ava_load_jquery_dep_script’, 10 );but we put it in our site broke: the full slider stopped working, the menu refused, and more.
I appreciate the work of your team, the quick reaction and the exact directions.
Can you give me support?
Is it possible for a site visitor to choose only dates from today + 7 days?Topic: Disable link animation?
Hello,
on relaunch.blumen-hegemann.de I have built some content boxes that link to various sites with the HTML-Element.The html goes like this:
<div class="button-box"> <a href="floristik"><img src="https://relaunch.blumen-hegemann.de/wp-content/uploads/button-blumen.jpg" alt="Blumen" /></a> <a href="floristik"><div class="button-text">Blumen</div></a> </div>The CSS:
.button-box {position: relative; width:360px; height:360px; margin-bottom: 80px; } .button-img {width: 100%; height: 100%;object-fit: cover;opacity: 0.7; } .button-text {position: absolute; left: 0;width: 100%; top: calc(50% - 20px); text-align: center; font-size: 58px; line-height: 1.2;letter-spacing:5px; font-weight: bold; color: #000;text-transform: uppercase; } .button-img:hover {opacity: 0.4; }Nothing spectacular, the button fades on hover, that’s all.
Now Enfold theme add the following before the closing :
<span class="image-overlay overlay-type-extern" style="left: -5px; top: 0px; overflow: hidden; display: block; height: 360px; width: 370px;"> <span class="image-overlay-inside">::before></span> </span>The result is very strange: depending on where I hover over the box (top, middle, down), either my CSS works, or the Enfold image-overlay works, or (middle) nothing happens.
How can I turn off this animation (image-overlay)?
Thanks,
Daniel1) make a: Fullwidth Easy Slider
2) choose slide-show transition : fade
3) place an image and put html-code into : caption – caption text field:
<div>A subheading line included before the buttons</div><div class="avia-double-buttons "><a href="https://kriesi.at/themes/enfold-overview/" class="avia-double-button avia-double-button-1">View Demos</a><span class="button_or">or</span><a href="https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990?ref=Kriesi" class="avia-double-button avia-double-button-2">Purchase Now</a></div>(put it in without line-breaks !)
As you see – you can add infront of the buttons a subheading line!4) put this to your quick css:
.avia-double-buttons { margin-top: 30px; text-align: center; position: relative; } #top #wrap_all .avia-slide-wrap .avia-double-button, #top #wrap_all .avia-hover-fx .avia-double-button { background: rgba(0,0,0,0.2); border-color: #fff; color: #fff; padding-bottom: 11px; text-decoration: none; } #top .avia-double-button { letter-spacing: 1px; padding: 13px 20px; padding-bottom: 13px; text-transform: uppercase; font-size: 13px; text-align: center; min-width: 175px; display: inline-block; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border: 4px solid #fff; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-right-width: 4px; border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); text-decoration: none; } #top .avia-double-button-1 { border-top-left-radius: 100px; border-bottom-left-radius: 100px; border-right-width: 2px; } #top .button_or { position: absolute; display: block; height: 26px; line-height: 21px; width: 26px; text-align: center; top: 50%; left: 50%; margin: -13px 0 0 -14px; background: #fff; color: #666; border-radius: 100px; font-size: 10px; border: 2px solid #FFF; font-style: italic; font-weight: 600; z-index: 11; } #top .avia-double-button-2 { border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-left: none; border-left-color: currentcolor; } /** if you like to have different hover colors **/ #top #wrap_all .main_color .avia-slide-wrap .avia-double-button-1:hover, #top #wrap_all .main_color .avia-hover-fx .avia-double-button-1:hover { background: rgba(0, 100, 190, 0.6); color: #fff; } #top #wrap_all .main_color .avia-slide-wrap .avia-double-button-2:hover, #top #wrap_all .main_color .avia-hover-fx .avia-double-button-2:hover { background-color: rgba(200,0,120,0.6); color: #fff; }for responsive behavior – test what fits best as width value:
@media only screen and (max-width:767px) { .responsive #top .avia-double-button { width:50%; min-width:50%; margin:0 } }In reply to: How to remove Advanced Layout option on blog posts
Thanks, just got it running with modifying the code from Elliott.
add_action( 'edit_form_after_title', 'enfold_customization_admin_styles', 100001 ); function enfold_customization_admin_styles() { echo "<style type='text/css'>"; echo ".post-type-post .avia-builder-button { display: none!important; }"; echo "</style>"; }Best regards,
NiklasHallo,
is there a way to change the masonry category to a nicer look?
In standard the menu points are separated by / –> Test1 / Test2 / Test3
I would like to display nice buttons like enfold is offering in other modules – is this possible?
thank you very much and best regards
In reply to: How to remove Advanced Layout option on blog posts
Hi,
If you want to hide the button then you can add this in the /enfold/config-templatebuilder/avia-template-builder/assets/css/avia-builder.css.
#avia-builder-button { display: none !important; }Best regards,
Jordan ShannonIn reply to: Editor umgestellt + Update Problem
Hi sardinien,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
#top .av-menu-button > a .avia-menu-text { border: 2px solid; border-radius: 30px; }If you need further assistance please let us know.
Best regards,
VictoriaTopic: Top bar styling
Hi
I’m having difficulty targeting the links I have placed in the top bar.
I need to colour each link seperately ie “Apply to year 10” in one colour, “Apply to year12” (another colour) and tel (another colour).
I’ve tried several suggestions on the forum but none seem to be right.I’ve also tried to put these links in the header as buttons using the code snippet –
add_action( 'ava_after_main_menu', 'enfold_customization_header_widget_area' ); function enfold_customization_header_widget_area() { dynamic_sidebar( 'header' ); }in functions.php but my widget “header buttons” doesn’t show
– can you help?Thanks Steve
In reply to: Updating 4.2 > 4.5.7 breaks website
Hi Ismael! You’re right, these two modules (“Content Links” and “Überschrift mit Button”) do not seem to belong to the standard Avia Layout Builder – I just cross-checked with another site we’ve built and neither of them are there.
I wonder if perhaps, when this site was built, we worked with a developer to custom-code these two modules? I don’t quite know, it was before my time, but I will investigate this with my colleagues next week.
In the meantime, can you think of a way to preserve their functionality in the latest version of Enfold, or is our best recourse to keep using 4.2?
Thanks!
In reply to: Editor umgestellt + Update Problem
Danke, mit dem Update (einfach den Order “enfold” per FTP kopiert) funktioniert fast wieder alles. Eine Kleinigkeit: Die “Slideshow-Button” waren und sind noch abgerundet, der Button “avia-menu-text” im “main-nav” ist nun ECKIG. Habe gesucht, wo ändere ich das?
Danke!
Topic: Enfold Contact Form Element
Hi there, We see see “Authenticating” instead of SUBMIT button in the contact form done with ENFOLD contact form element. please refer to this screenshot https://www.screencast.com/t/CgaUtscI
Can you please help me figure out what is the issue?
In reply to: How to include iframeResizer.min.js script
Hey norwestarch,
To add a script to your WP site you will need to upload it and adjust this function so the path is correct and add it to your functions.php:function my_custom_scripts() { wp_enqueue_script( 'custom-script', get_stylesheet_directory_uri() . '/js/my_custom.js', array( 'jquery' ) ); }I see that you are not using a child theme, I would point out that without using a child theme your customizations will be lost on the next update.
Please use our pre-built child theme
You will want to take a couple of steps, 1: please export your theme settings at: Enfold Theme Options > Import/Export > Export Theme Settings File to your computer, this is just for backup.
2: Once you install your child theme, please import your parent theme settings at:
Enfold Theme Options > Import/Export > Import Settings from your Parent Theme
Then you’ll need to re-set your menu options.
Finally, sometimes it is necessary to save your theme options one more time, to encourage the settings to be saved and activated in the merged /wp-content/uploads/dynamic_avia/ folder, a simple way to do this is to go to General Styling > Quick CSS field and place a space in the field so the theme options “Save all changes” button is clickable.Best regards,
MikeDear Enfold team,
I have two problems with the enfold audio player, as used here on my website (please see link posted in private content).
1st
When I start the audio via the play button the first two seconds of the audio cannot be heard.2nd
As mentioned in an earlier post from 2018 the audio is – although player is set to „stop after playing last song – automatically replays the audio when it is finished.
see also post here from 2019:I tried out the solution as suggested here and exchanged the css and the php-file, but still the autoplayer plays the file again after it has ended.
Looking forward to your answer and hope there is a solution (soon).
In reply to: Tab Border
Hey marsh1984,
The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VictoriaIn reply to: lightbox galleries
But how to influence ( hook to ) the enfold lightboxes – not the inline popups.
by the way – you see the link in private content. This is no gallery from the start. There are on that page different media files which have all a lightbox link.
The default enfold way on the alb to have lightbox.
I want to avoid that all media files are part of the “gallery” in the lightbox by clicking the next (or prev.) Button. On default Enfold behavior it is different Media files in different color-section are not part of one lightbox gallery.So is there a way to split in a layout without color-sections f.e. videos in one lightbox – images in the other?
In reply to: Avia Editor is not working
Hi,
Thank you for the login, I was able to create and publish a new test post using the Advanced Layout Builder, and then I was able to edit again. I then tested each of your templates and found only one that would crash the Advanced Layout Builder with this error:/wp-admin/admin-ajax.php Failed to load resource: the server responded with a status of 403 (Forbidden)It is the Informes PE template, the button gives the same error when trying to edit. So this button is corrupt, I tried to debug but couldn’t add the debug code to your functions.php, your site requires it to be added via ftp. Can you add this to line nuber 18, right after the line: if(isset($avia_config[‘use_child_theme_functions_only’])) return; ?
//set builder mode to debug add_action('avia_builder_mode', "builder_set_debug"); function builder_set_debug() { return "debug"; }Also please ask your webhost if there is any server rules against the pdf file type. Try editing one of your posts to cause the error just before you contact them so you can tell them a time so they can check the server logs for the error, and hopefully see the cause.
Best regards,
MikeIn reply to: Adding Title Attributes to a Button Row
Hi,
In file enfold\config-templatebuilder\avia-shortcodes\buttonrow\buttonrow.php at the bottom look for:
$output .= "<a href='{$link}' {$data} class='avia-button {$extraClass} " . $this->class_by_arguments('icon_select, color, size', $atts, true) . "' {$blank} {$style} >";and replace with:
$output .= "<a title='{$atts['label']}' href='{$link}' {$data} class='avia-button {$extraClass} " . $this->class_by_arguments('icon_select, color, size', $atts, true) . "' {$blank} {$style} >";Could be that adding a title to buttons will become part of the core. Check for changelog and options in the elements.
Best regards,
GünterIn reply to: Remove white space after hiding header
Hi,
Thank you for contacting us.
Let us know if the code worked for you and please make sure to clear the cache every time when you add a new code :)
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayIn reply to: Switch to Mobile Menu for 1024px Width
Hi,
Thank you for sharing the details.
To activate the burger menu at a custom width please follow the steps provided in the docs
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayIn reply to: corrections
Hi,
Thank you for sharing the details.
I have checked your site on my android device and on a web simulator in both the cases the buttons look aligned properly on the same line.
I have attached a screenshot of the same below
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
VinayTopic: Underlining all links
Hi Enfold team!
I am using the following code to underline ALL links on my site (for WCAG compliance):
#main a,#main .sidebar a,#footer a,#socket a, #main p a { text-decoration: underline !important; } a.avia-button,a span.avia_iconbox_title,#top .av_font_icon a.av-icon-char { text-decoration: none!important; }Problem is it’s underlining my buttons. I’ve tried the following code to keep that from happening but it’s not quite working:
.avia-button { text-decoration: none!important; }Thank you in advance!
In reply to: More space between menu buttons
Hey Stefan,
Please try the following in Quick CSS under Enfold->General Styling:
.av-menu-button-colored a { padding: 0 20px; }Best regards,
RikardIn reply to: Coupon field in cart widget
Hi,
Thank you for using Enfold.
Have you tried using the “woocommerce_mini_cart_contents” or the “woocommerce_widget_shopping_cart_before_buttons” hook to insert the coupon field after the product column?
An example can be found here: http://hookr.io/actions/woocommerce_widget_shopping_cart_before_buttons/
Best regards,
IsmaelHello
Can I change the arrow?before button(arrow) need to place left side (middle)
after button(arrow) need to place right side (middle)I tried to change the css on enfold theme, but it couldn’t work.
This is my practice site.
I been trying to find nice plug in but I have limit to use plugin.I want to make carousel without plugin which is this menu works like carousel.
Please teach me how to change the position of arrow each side.
I want to put arrow outside of box which means >>> https://www.hubspot.com/case-studiesIn reply to: Customizing video player controls
Hi Rikard!
Check ouy
There are two video players. Top is youtube – ignore this.
Bottom is Enfold. Notice how the “play button” control overlayed on the Enfold video is white. And the video is white. So you don’t notice the control.
What I’d like, is a way to change the color of the control, preferably from the GUI or via CSS. But as far as I know, you can only use the CSS fill: property on svg-paths, not svg-files… so – any suggestions? :)
In reply to: Do_shortcode doesn't work anymore
Hi Stephan,
Regarding to why it wasn’t working in functions.php, it didn’t work because the necessary files for the Enfold (ALB) shortcodes to work isn’t initialized/loaded.
If you use the shortcode inside the body after the necessary files are loaded it should work, for example if I put it in this hook wp_body_open it works fine:function output_content() { echo do_shortcode("[av_button label='Klick mich' link='' link_target='' size='small' position='center' label_display='' icon_select='yes' icon_hover='' icon='' color='theme-color' custom_bg='#444444' custom_font='#ffffff' av-desktop-hide='' av-medium-hide='' av-small-hide='' av-mini-hide='' av_uid='']"); echo do_shortcode(' [caption id="attachment_6" align="alignright" width="300"]<img src="https://img-lumas-avensogmbh1.netdna-ssl.com/showimg_dre14_desktop.jpg" alt="Kanagawa" title="The Great Wave" width="300" height="205" class="size-medium wp-image-6" /> The Great Wave[/caption] '); } add_action( 'wp_body_open', 'output_content', 20 );As for the plugin, can you give us temporary admin access? so we can try to inspect further on the plugin and try to find out why it’s not working.
Best regards,
NikkoIn reply to: Moving magnifier glas – not removing
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:@media only screen and (min-width:998px) { #top #menu-item-search { position: absolute; top: -80px; right: -40px; }}Result:
You may not see the changes until the cached files are cleared in your browser.
Please perform the below steps to clear the browser cache:
1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.
Best regards,
Vinay
