Hi, i would like to add a border to my contact form, but I cant seem to target it.
I tried this, as found on the enfold documentation:
/*----------------------------------------
----------------------------------------
----------------------------------------
// CSS - Contact form color
----------------------------------------
----------------------------------------
//--------------------------------------*/
/* custom style form fields */
#top .av-contact-form-color .input-text,
#top .av-contact-form-color input[type='text'],
#top .av-contact-form-color input[type='input'],
#top .av-contact-form-color input[type='password'],
#top .av-contact-form-color input[type='email'],
#top .av-contact-form-color input[type='number'],
#top .av-contact-form-color input[type='url'],
#top .av-contact-form-color input[type='tel'],
#top .av-contact-form-color input[type='search'],
#top .av-contact-form-color textarea,
#top .av-contact-form-color select {
/* Text color */
color:#333;
/* Background color */
background-color: #fffae8 !important;
/* Border color*/
border-color: #e6be83 !important;
}
But it doesnt seem to work.
I also can’t seem to be able to change the colors of the submit button with this code:
*----------------------------------------
// CSS - Contact form submit button
//--------------------------------------*/
#top .avia_ajax_form input[type='submit'] {
border: none;
background: #e6be83;
color: #6e460b;
}
#top .avia_ajax_form input[type='submit']:hover {
background: #000000;
}
I am certain I am do8ing something wrong, please help.
I’m trying to target an enfold table element so I can style it with css. I’m tryin to use the Developer > Custom CSS Class field in the element itself, but whatever I enter in that field doesn’t seem to show in the code. I tried using that same field in the column element and that also doesn’t seem to work. So I’m thinking those fields aren’t working, for some reason…?
The table I’m working on is about half way down on http://goodfeettraining.com/level-200/chapter-4-hopes-dreams/creating-desire/
Here’s where I’m adding the class orangeTextTable: https://screencast.com/t/gPCxhOc7yv
And if you look, I’m pretty sure you won’t find my class in the code. Are you aware of this issue?
Thanks.
Hi,
We wanted to create this thread as a channel to share the fixes that will be included in upcoming updates and known issues that are being worked on.
Current fixes for upcoming version 4.7.4.1 are as following (last update 2020-05-12)
- Feature: New alignment options ALB element “Special Heading”
- Feature: input field to add custom subject text for ALB contact form autoresponder email
- Feature: Option for transition effect speed in ALB Easy Slider, Fullwidth Easy Slider, Fullscreen Slider
- Feature: Added options for custom title and alt attribute in ALB image element
- fixed: accordion slider hides some slide item after closing the lightbox
- fixed: small typo instgram
- fixed: WC 4.0 bug grouped products and quantity button not working
- fixed: Transparent logo missing alt and title attr when attachment URL instead ID
- fixed: bbPress and custom footer page not showing correctly on some pages
- fixed: CSS bug Accordion hidden below Special Heading in Color section
- fixed: WP 5.4 Block editor breaks ALB layout in backend
- fixed: removed wrong href in div id=”av-cookie-consent-badge”
- fixed: removed wp_nonce check in reCaptcha V3 to avoid problems with caching plugins
- fixed: bug switching ALB back to Classic Editor broken layout and js errors (WP 5.4 related ?)
- fixed: CSS problem with equal height after individual height columns forming a grid
- fixed: WP 5.4 block editor using ALB – scroll bug dragging ALB elements
- fixed: added a check that $posts is an array in helper-assets.php – caused by 3rd party plugins
- fixed: shifted values in color picker (theme options page)
- fixed: type errors in message text
- Fixed: Plugin conflict calling filter display_post_states incorrectly
- added: filter avf_transparency_logo_data: modify transparency logo url, title, alt attributes
- added: class post-format-{$post_format} to article in postslider.php
- added: filter avf_attachment_copyright_text – allows to filter copyright text in ALB image element
- tweak: new option “Remove query string from static resources” in Performance->Show advanced options
- tweak: Link settings moved to content tab for all ALB button elements
- tweak: ensure function aviaFontManagementBase::get_font_list returns an array
- updated: Italian language files
- updated: Dutch language files
- added: Greek language files
- tweak: All language files have been synchronised – obsolete strings removed
In Pull Requests:
- feature: New demo importer with download of demos from external server
In Progress:
- Responsive images – adding scrset attribute to images
Fixes for released version 4.7.4:
- fixed: catalog CSS not enqueued with ALB WC product elements
- fixed: ADA compliance aria-hidden, aria-label for MOBILE Hamburger menu
- fixed: ALB seperator whitespace with icon: limit width to 45% container width for each ruler
- fixed: small typo tempalte
- fixed: CSS bug icon grid with display tooltip and mobile
- fixed: CSS ALB Gridrow – 1 column with link column not fullwidth
- fixed: CSS indent bug in nested sidebar menus (left/right sidebar, widget menus)
- fixed: Fullwidth Easy Slider issue where auto rotate stops working in Safari after a video slide
- feature: Add custom ID and CSS class to timeline milestones
- feature: Integrate Smash Balloon Instagram Feed plugin (free and pro version)
- Feature: ALB magazine element supports post-format link
- tweak: Option to disable adding timestamp to compressed css and js files
- tweak: Advanced Styling selectors more strict to override standard selectors from stylesheets and custom css
- tweak: ajax search support for WC option “Hide out of stock items from the catalog”
- tweak: use get_title instead of inconsistent use of direct access to post_title in various places
- added: title attribute to postslider link in ALB element
- added: filter avf_postslider_link_title_attr: modify title attribute for link in ALB postslider
- added: filter avf_show_option_toggles_advanced: Adds an extra select option to hide section headers in ALB
- added: filter avf_ajax_search_woocommerce_params: allows to change displaying products out_of_stock, featured and hidden
- added: filter avf_legacy_suppress_wp_filter_post_title: allows a fallback for unfiltered post_title where direct access was used previously
- removed: deprecated classes hentry and vcard (microformats.com)
- updated: French language file – equal alb options translation, “Google” services translated as “Mailchimp”
- updated: Dutch language files
- updated: German language files
- updated: Italian language files
Fixes for version 4.7.3 are as following
- improved: theme options to disable ALB modal popup options toggles (revert to old ALB design)
- fixed: Blog multiauthor preview image links to author and not to post
- fixed: ADA compliance aria-hidden for social icons and social share buttons
- fixed: social share buttons added with filter no longer shown in 4.7.1.1
- fixed: CSS for reCaptcha V3, added classes for reCaptcha V2 and reCaptcha V3 to form
- fixed: ALB contact form datepicker throws js error when jQuery is loaded in footer
- fixed: ALB editor Add Cell/Set Cell Size buttons not responsive for translations
- fixed: Custom pages query to exclude hiding a page when same page object is queried
- fixed: small typo in Iconbox element
- fixed: Easy Slider caption sizes reverting back to “use default” after making custom settings
- fixed: Google vocabulary.org schema is deprecated
- fixed: Content partially cut off in Cookie modal window on mobile Safari
- added: filter avf_merged_files_unique_id: allows to remove/customize added unique id for merged files
- added: filter avf_folder_security: customize folder security from 755 on folder creation
- tweak: Column links open in new window and not in new tab for some browsers (e.g. FF)
- tweak: Developer fields missing in fullwidth sub menu element
- tweak: improved creation of avia folders and security
- tweak: schema.org markup for testimonials
- Improved GPDR:
- feature: new option Accept essential cookies on pageload, user must opt in for other cookies
- added: Cookie info message now supports starts with, ends with, contains for cookie names (filter avf_privacy_cookie_infos)
- added: description text for some essential WP, WPMLcookies
- fixed: bug with custom wildcard cookies and path not /
- fixed: bug in option allow all cookies and services on pageload
- Updated: Old Instagram icon to new one in social profiles
- Updated: background color for social yelp icon to #d32323 on hover
- updated: German language files, , de_DE GDPR translation adjustments
- updated: Italian language file
- updated: Dutch language files
- updated: French language file – equal alb options translation
Regards,
Yigit
P.S.: Please do not report issues here, instead start a new thread.
-
This topic was modified 5 years, 8 months ago by
Yigit.
Hi Ismael,
thanks a lot for your answer! That was the part that I missed, and now I can see and use the custom template I created.
I have another question and maybe you can help me also with this.
I created that template to show posts from a custom post type (called “regali”), created with CPT UI.
I’m also using Advanced Custom Fields to add custom fields to that post type, and I’d like to display my custom fields inside the template.
I’ve already checked lots of old topics about the use of ACF in Enfold, but I couldn’t find an answer that works for me, so I hope you can help me (I know that this goes a little beyond Enfold support, but I used ACF before but now I’m not able to make it work on Enfold)
So here is the code that I’ve added to my template, called “single-regali.php” (before and after this code there is the “default” code of enfold “single.php”):
<main class='content units <?php avia_layout_class( 'content' ); ?> <?php echo avia_blog_class_string(); ?>' <?php avia_markup_helper(array('context' => 'content','post_type'=>'post'));?>>
<?php
/* MY CODE
___________________________________________ */
$args = array (
'post_type' => 'regali',
);
$query = new WP_Query( $args);
?>
<?php if ( $query->have_posts() ) : while( $query->have_posts() ) : $query->the_post(); ?>
<!-- this is just a test -->
<p> <?php echo date("Y"); ?> </p>
<!-- here is the CPT -->
<!-- title -->
<h2> <?php get_field("oggetto"); ?> </h2>
<!-- description -->
<p> <?php get_field("descrizione"); ?> </p>
<?php endwhile; endif; wp_reset_postdata(); ?>
<!--end content-->
</main>
Please notice that I’ve disabled ALB and that I’ve double checked both the names of the CPT and the ACF fields names along with ACF documentation.
Hope to hear from you soon!
Best regards
Luca
PS: Since using Enfold it is not possible any more to display the category description by an ACF, as we did before.
Meanwhile I’ve been looking for code snippets to edit template- or functions.php. But obviously any of these I find are outdated, seem not to function with Enfold nor with WordPress 5.2 higher. So, it would be a great help, if you could give a more precise instruction.
best regards, joerg
open the first column in your color-section
that column on church template is a 1/1 container – you see :
click to enlarge the image:

mark that field: “Custom Top and Bottom Margin”
then there will be new input fields – you can have negative Margins on top – thats it
On the home page of johngalligan.com my CSS classes are now being ignored after updating Enfold to 4.6.2 (5.2.3 wp)
Three buttons in the yellow header
“Order on Amazon” “Order on Indie Bound” “About the Book”
Two Buttons below have share a custom class
“more book reviews” and “interviews and media mentions”
“more books” area = Partner/logo element has a custom class that keep the images the same height.
CSS file merging and compression is and has been disabled
These actions did not help:
- There is no cache plugin, I used the “Delete old CSS and JS files”
- Changed the three new LayoutBuilder settings
- Custom css classes input field, id attribute input fields, and heading styling to “show and allow to edit”
Please advise. thanks.
Hi @Dieter,
Unfortunately, I’m not. It had Jetpack, but upon deactivation and removal, things stayed the same. I have no significant plugins on this site, except for Yoast SEO (free version). However, I suddenly see some of the page options, that normally reside in the sidebar, also as custom fields at the bottom.
PS I found out that if I do not use header transparency the logo is visible. But it messes up the atmosphere of the site.
https://paste.pics/46447edca1d280835f6b0ab70ef3add0 This is a screenshot of those appearing extra fields
This is the site. https://stichtingvreugde.nl
-
This reply was modified 6 years, 4 months ago by
Anne-Mieke.
Hello,
since 2 weeks my client has a problem with the form mailer.
When a customer tries to reserve a table via a normal desktop computer, he gets all the information via e-mail from the fields we selected. When a customer tries to reserve via iPad or iPhone the e-mail-information is missing. This is very bad, because he cannot answer via e-mail.
Could you please have a look?
Thx
Manu
Hi Mike,
Totally on topic. Thank you!
I’ll give this a try when I am next running an update out. All of my customers are now running 4.6.1.
I am looking to add some more optimisations over the coming months.
Probably the best advice I have for anyone else using Enfold seeing this post is to use as many of Enfolds included features to prevent additional scripts created by plugins.
I.e. use the social media shortcodes to display icons in the footer instead of a plugin, try and use the google maps api rather than iframe (I use iframe for speed at the moment only because I don’t want to sign up customers to the api and may get charged if their site gets lots of traffic). I use contact form 7 for instance. For consistency all of my customers use it however it would be better to use the built in Enfold contact form if the customer does not need complex fields or features.
I would also always install wp-optimize – which now includes a very easy to setup caching engine so you don’t need wp-super cache or w3 total cache. Another option if super cache is playing up.
Just removing the little things which can bloat the code will improve the score.
Hello i want a start and end date with advanced custom fileds plugin i find this
thread
but it doesnt work with wordpress 5.2.3 and enfold 4.6.1. how can i make work that my fields values start end end date
from bakend in frontend?
Btw i saw on the Enfold Feature Requests page the problem solution but it has been requested over a year now and has the most votes also.
Custom Fields (ACF) and Custom Post Types (its the name of this request and my as-well)
Hi,
Do you want to add another name beside the author? Maybe you can use custom fields for that. This plugin might help.
// https://www.advancedcustomfields.com/
Enable the plugin, edit the post, add a custom field called “translated_by” and use the name of the translator as the value. In the includes > loop-index.php, get the custom field using the get_field function. Above this code:
echo '<span class="blog-author minor-meta">'.__('by','avia_framework')." ";
..add this:
$translated_by = get_field('translated_by');
echo '<span class="blog-translator minor-meta">'.__('translated by','avia_framework')." ";
echo '<span class="entry-translator">';
if($translated_by) echo $translated_by;
echo '</span></span>';
// https://www.advancedcustomfields.com/resources/get_field/
Best regards,
Ismael
Hey adotopanuga,
Thank you for using Enfold.
You can use the “avf_sc_contact_form_elements” filter to alter the existing contact form fields or insert additional custom input fields. Usage example of that filter can be found in the following thread.
// https://kriesi.at/support/topic/get-variable-of-the-url-and-attach-it-on-subject-of-content-form-mail/#post-1010866
You may need to create additional script to validate the password field.
Best regards,
Ismael
Hi
I have finally disabled all the plugin. And no one solve the problem.
But If I disabled:
- Yoast
- Advanced Custom Fields
The site stop working
-
This reply was modified 6 years, 4 months ago by
cospeonlus.
I noticed that in order to copy from one page to another, I will have to set these fields under Custom Fields and click on update.
https://www.dropbox.com/s/zf0wsyygpatx6yu/19-8-2019%2010-59-08%20PM.jpg?dl=0
However, the moment I click on publish article, all the updates added to Custom Fields will be lost.
Is this a bug?
Hi!
I have a problem with my contatct form:
I have a space concern between the different fields. can you help me solve this little problem? (see private access to my site)
Thanks a lot
Gaëlle
Hi Rikkard,
I wanted to avoid another plugin and tried to add the meta description via custom fields, as suggested in other threads.
This was done two months ago, so time should not be the issue.
Reluctantly, I will give yoast a try – or is there another good way to do this?
Hey soniamit,
That would be too complicated as there are almost endless possibilities to integrate custom fields using ACF. However following would be helpful:
1- Please refer to ACF docs to find code examples – https://www.advancedcustomfields.com/resources/
2- Since you are going to need to apply the changes directly on theme files, we recommend you to use a child theme – https://kriesi.at/documentation/enfold/using-a-child-theme/ so those changes would not be overwritten in updates.
3- For example, if you would like to display your custom field above “You might also like” in related posts section, you can simply right click and inspect elements on it and fine it’s class, in this case “related_title” – https://i.imgur.com/rkXbR7X.png
4- Then you can search that class in Enfold files to find the correct file and line – https://i.imgur.com/0LzqewP.png
I hope that helps! :)
Best regards,
Jordan Shannon
Hello! On a company website built with Enfold the homepage features a self-hosted video, which is the first content item.
When google searching the company’s, the meta description is not displayed, instead the error
Media error: Format(s) not supported or source(s) not found.
is shown. which is very annoying (and the video works fine on all devices).
As also described in other threads, custom fields were used as well as a manual excerpt – see screenshots linked to in the private content section.
What can be done to fix this?
Thank you!
Hi Mike,
I have an update. I resolved the issue of emails not being delivered. The issue is that I was specifying the same email address in both the ‘From’ and ‘To’ fields. Our email provider (G-Suite) does not allow this. So when I changed the email address in the ‘From’ field, the issue was resolved. I thought I had previously tested that, but I guess not. So let’s consider that resolved.
I am however still experiencing the new issue I raised in my previous message. Namely, when the email is delivered to my destination email account, the ‘From’ field is populated with (Email address hidden if logged out) , even though I have specified otherwise in my custom PHP code. Any ideas how to troubleshoot that? Here is the code currently on my site (it is a little different from the code I specified in my previous message):
function enfold_contact_form_change_from($from, $new_post, $form_params) {
global $enfold_visitor_from;
$enfold_visitor_from = $from;
// $from = 'FeedXL Support'.'<'. ' (Email address hidden if logged out) ' .'>'."\r\n";
$from = urldecode($new_post['1_1']) .'<'. urldecode($new_post['2_1']) .'>'."\r\n";
return $from;
}
add_filter('avf_form_from', 'enfold_contact_form_change_from', 10, 3);
function enfold_contact_form_add_replyto( $header, $p1, $p2 ) {
global $enfold_visitor_from;
$header .= 'Reply-To: ' . $enfold_visitor_from . "\r\n";
return $header;
}
add_filter( 'avf_form_mail_header', 'enfold_contact_form_add_replyto', 10, 3 );
The issue is present even if I remove
$from = urldecode($new_post['1_1']) .'<'. urldecode($new_post['2_1']) .'>'."\r\n";
and replace it with
$from = 'FeedXL Support'.'<'. ' (Email address hidden if logged out) ' .'>'."\r\n";
Thanks.
-
This reply was modified 6 years, 5 months ago by
FeedXL2019.
I figured out the “Extra Elements” issue. I made use of the Custom Fields available in WordPress, and simply needed to figure out the correct field to change. After searching through the PHP documents of the parent Enfold theme, I determined that the top bar was echoing the value of the “phone” field.
My solution: on pages where the language is Español, I added a custom field with name “phone” and pasted the needed text as the value for that field on every page where the translation needed to occur.
So, that only leaves item #2: how do I add a search icon to the right side of the Español menu?
-
This reply was modified 6 years, 5 months ago by
rlhinirv57. Reason: needed to emphasize the one issue remaining, appending the search element
Hi Support-Team, I’ve added fields with checkout field editor pro in woocommerce. I can see the fields in the shop, but not in the mails the shop sends. The support team of checkout field editor says, I should install this commands/hooks in the mail templates (admin-new-order.php & customer-on-hold-order.php):
echo get_post_meta($order->ID, ‘billing_title’, true);
echo get_post_meta($order->ID, ‘billing_anrede’, true);
But it does not work. Can you say something about that?
Many thanks!
Best regards Flo
Hi,
I need to change the contact form a little more but do not achieve what I want..
1)
I would like to use the same font styling from the placeholder of the fields for the input of the fields (the text, the customer types in).
2)
The clickbox for the data protection acceptance should be in front of the sentence and not above.
3)
The submit button should be white with orange font when inactive, and the way it is now when hovering.
Thanks for your great support, have a nice weekend!
Hi,
Thanks for the login, I see now that this is a category page which has quite a few custom fields. I was able to confirm what you wrote above, the video links don’t work on the category page, but they do elsewhere. I have reviewed your theme settings and didn’t find anything amiss there. I recommended disabling your plugins to see if you can find the conflict.
Unfortunately, when there are no errors in the console, much of the debugging is trial and error. Things to look for are plugins or scripts that redirect links or if they have a built-in lightbox / modal popup.
Best regards,
Mike
Hello Victoria,
maybe there is some missunderstanding. I want to achieve to customize the text fields length and hights and also the “send” button length and hights.
Kind regards.
Hey guys, I’m using the ACF Plugin to create custom post types.
This works as intended, but the generated custom fieldsets (not post type, the fieldsets from the plugin) are showed inisde the avia blog elements, when I select the default category.
Is there a way to modify the query to not show things other than blog posts?
Hey KauferSilvia,
Thank you for using Enfold.
You can use the following filter to adjust the content of the autoresponsder message — using the value of one of the input fields for example. An example of the snippet can be found here:
// https://kriesi.at/support/topic/contact-form-changes-after-enfold-update/#post-1092324
// https://kriesi.at/support/topic/customising-autoresponder-using-multiple-contact-forms/#post-877965
Best regards,
Ismael
Hi Rikard
I had tried this first which didn’t work hence the additional work of reinstall, etc.
This used to be a checkbox in the custom fields in the screen options. The title and breadcrumbs is displayed on some pages but not on others even though the settings are identical. I’ve created an admin account and would be grateful if someone could take a look at it.
Thanking you in advance.
Regards
Markus