Hi Mike,
Could you please replace /enfold/config-events-calendar/event-mod.css file with this one – https://pastebin.com/WzFx6VJX? Please make sure to clear cache.
This should display buttons fullwidth starting from 990px.CSS changes will be implemented in upcoming version but we will wait for your confirmation :)
Best regards,
Yigit
Hi Yigit
With this code, the buttons are not visible anymore on desktop and on mobile it looks not very nice.
We would like to have the buttons on mobile with 100% width, like it was before ;-)
Would all this CSS codes be implemented in a later Enfold update?
Best regards
Mike
Hi Yigit
Thanks for the code. On desktop this seems to work, but on mobile not.
There we have already the following code, because we already had problems on mobile after earlier “The Events Calendar” updateas:
@media only screen and (max-width: 767px) {
#top.tribe-theme-enfold.single-tribe_events .av-single-event-meta-bar-inner {
display: block;
}
#top.tribe-theme-enfold.single-tribe_events .secondary .tribe-events-meta-group {
margin-top: 20px;
}
.tribe-events-cal-links .tribe-events-button {
width: 100%;
margin-bottom: 10px;
}
}
Hey Mike,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all .tribe-events-button {
font-size: 13px;
margin-right: 5px;
display: inline;
}
Best regards,
Yigit
Hi there!
Thanks for the awesome theme!
Is there any option to create pricing tables with a toggle button (switcher)? I need pricing tables with monthly/yearly toggle switcher, but every toggle plugin i checked is made for gutenberg – not working with Enfold theme. Is there any way to create such functionality?
Hi again!
How can I add one or two buttons (with links) to a full width slider, like on this Enfold website: (I mean adding buttons to the caption) ?
Thanks
Edwin
Hi folks, I’d like to reproduce the behaviour of the Fullwidth Easy Slider component that you used in the DJ Enfold demo homepage.
That Fullwidth slider is using two 1030×412 very wide pictures: when you browse that homepage from a mobile phone (in portrait mode, of course), it shows only the central portion of the image, making the image tall enough to show the included headings & the button.
I’ve tried to do the same, but when I see my Fullwidth Easy Slider on a mobile phone, it is showing me the WHOLE picture, and not only the central part. The result is that the whole image is not tall enough to include the button: the heading is there, but the button cannot be contained in such a small space, and it is not visible.
I thought it was an issue with my images, therefore I’ve used the same images of the demo, and I’ve got the same result: the images are fully visible.
in the “Styling” tab of my Fullwidth Easy Slider element I’ve used the same configuration of your demo, i.e. “No scaling (Original Width X Original Height)” & “Yes, stretch the image”.
Where is my mistake?
Thanks folks!
Bye,
A.-
Hi,
Thank you for the update.
Did you add this css code?
.button {
background-color: #66bde6 !important;
-webkit-border-radius: 33px;
-moz-border-radius: 3px;
color: #ffffff;
font-size: smaller;
padding: 5px 15px;
}
This rule overrides the default background color of the submit button. If you want to override it, place this css code below.
input[type="submit"], #submit {
background: red !important;
color: white !important;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adjusting the css.
Best regards,
Ismael
Hi,
Sorry for the delay. We are not yet sure why the “Choose” button or the date picker button is not displaying on the product page but you can use this code temporarily to display the date fields, which should also toggle the calendar.
#top .wc-bookings-date-picker-date-fields {
display: block;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.
Best regards,
Ismael
Hi,
Have you found a solution for point 2 as well? Font size is 12px and it looks fine on my end, I attached a screenshot in private content field.
If you would like to decrease the size even more, please add following code to bottom of Quick CSS field in Enfold theme options > General Styling tab
#top #full_slider_2 .avia-slideshow-button {
font-size: 10px !important;
}
Best regards,
Yigit
Hi,
Please open a new thread for separate issues, we prefer to keep each thread on-topic, such as the topic of this thread is hiding the border of a button.
When you open your new thread please include an admin login to your site for us so we can see which language plugin you are using and try to explain as fully as possible your issue, such as which page you are editing that loses it’s content and how we can reproduce the error, if your not sure how to explain screenshots often help. Thank you for your understanding and for using Enfold.
Best regards,
Mike
Good morning.
I have a problem with my cookie settings.
Even if I make the changes in the enfold panel -> privacy and cookie, once I load the page I don’t see the changes.
I also added the reject button for example, but when I load the page I don’t see the change. What can it depend on?
Thanks everyone in advance
Best regard’s
Mino
Hello!
When viewing the default homepage on a mobile (medical theme), you see that the main blocks (flex_column_table?) are “to high” they mask the buttons “learn more” and “make appointment”. Also the header photo is kind a small (height) and the sentence (welcome to enfold) are to big.
1.) How to lower the 3 blocks for mobile view? (on desktop they’re fine).
2.) How to change the header photo that it looks proportional on mobile devices?
3.) How to resize the text for mobile?
It would be great if i can do this just in this theme, without the of revolution slider or other third party plugins.
Many thanks in advance.
Hi,
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
#top #wrap_all #header_main #av-burger-menu-ul .av-menu-button-bordered.av-menu-button > a {
border: none;
}
Best regards,
Yigit
Hi,
I am trying to use ONE (only) booking inquiry page, with a different form each time it is referred from a specific page.
– page1 >>> /inquiry-page?page1
– page2 >>> /inquiry-page?page2
Like here https://www.blacktomato.com/destinations/japan/best-of-japan/ and “Start Planning Here” button….Bringing to https://www.blacktomato.com/make-an-enquiry/?country=japan&referer=88488
Any idea how to do that with Enfold or a plugin may be.
Thank you.
Best for this year.
X.
Hi Sven,
Please do the following:
– Enable debugging mode for ALB by referring to this post – https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode.
– Create a new page and Social Buttons element and adjust it as needed.
– Copy the shortcode of Social Buttons element from debug field which is right below Advanced Layout Builder
– Add following code to bottom of Functions.php file of your child theme and paste the shortcode of your Social Buttons element where it says [YOUR SHORTCODE GOES HERE] in the code
add_action('ava_before_footer', 'new_ava_before_footer');
function new_ava_before_footer(){
if( is_single() ){
echo do_shortcode("[YOUR SHORTCODE GOES HERE]");
}
}
Best regards,
Yigit
Hey Jurriaan,
Our Advanced Layout Builder is custom built for the Enfold theme and is typically not available or designed to work with third-party plugins, so I would not expect it to work with this plugin. I have not heard of Eventon before and have no experience with it. If it had worked previously it was not intended. You could try disabling all of your other plugins to see if one is interfering with ALB & Eventon, and try switching to the Classic Editor to see if the ALB button shows.
Best regards,
Mike
Hi at all,
I’m using your theme in one of my clients website. Currently the website use a 7.2 php version and I want switch them to php 8.
So I made a copy of the website migrate it to a staging system on XAMPP.
The migration via duplicator run normally but at the end when I want to go to the login I reveived the following message:
“Fatal error: Unparenthesized a ? b : c ? d : e is not supported. Use either (a ? b : c) ? d : e or a ? b : (c ? d : e) in C:\xampp\htdocs\zr1\wp-content\themes\enfold\functions-enfold.php on line 324″
I found your threat at “https://kriesi.at/support/topic/deprecated-unparenthesized-a-b-c-d-e-is-deprecated/” and I also made this changes. After this changes I reveived the following message:
Fatal error: Uncaught Error: Attempt to modify property “config” on null in C:\xampp\htdocs\zr1\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow_layerslider\slideshow_layerslider.php:28 Stack trace: #0 C:\xampp\htdocs\zr1\wp-content\themes\enfold\config-templatebuilder\avia-template-builder\php\shortcode-template.class.php(65): avia_sc_layerslider->shortcode_insert_button() #1 C:\xampp\htdocs\zr1\wp-content\themes\enfold\config-templatebuilder\avia-template-builder\php\template-builder.class.php(1305): aviaShortcodeTemplate->__construct(Object(AviaBuilder)) #2 C:\xampp\htdocs\zr1\wp-content\themes\enfold\config-templatebuilder\avia-template-builder\php\template-builder.class.php(427): AviaBuilder->createShortcode() #3 C:\xampp\htdocs\zr1\wp-includes\class-wp-hook.php(303): AviaBuilder->init(”) #4 C:\xampp\htdocs\zr1\wp-includes\class-wp-hook.php(327): WP_Hook->apply_filters(NULL, Array) #5 C:\xampp\htdocs\zr1\wp-includes\plugin.php(470): WP_Hook->do_action(Array) #6 C:\xampp\htdocs\zr1\wp-settings.php(578): do_action(‘init’) #7 C:\xampp\htdocs\zr1\wp-config.php(134): require_once(‘C:\\xampp\\htdocs…’) #8 C:\xampp\htdocs\zr1\wp-load.php(50): require_once(‘C:\\xampp\\htdocs…’) #9 C:\xampp\htdocs\zr1\wp-blog-header.php(13): require_once(‘C:\\xampp\\htdocs…’) #10 C:\xampp\htdocs\zr1\index.php(17): require(‘C:\\xampp\\htdocs…’) #11 {main} thrown in C:\xampp\htdocs\zr1\wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow_layerslider\slideshow_layerslider.php on line 28
Es gab einen kritischen Fehler auf deiner Website.
Erfahre mehr über die Problembehandlung in WordPress.
So I don’t know what to do. And I’m not sure if I can migrate the site to php 8? Thanks for your help
Hi Mike,
Thank you for answering!!
Yes, exactly, I wanted to put a call for a popup behind the social share icon and then integrate my original Facebook link into a button in the popup. But that doesn’t seem to work because the share icon has a kind of “standard link” and my popup does not start.
As you recommended it to me, I’ll try the plugin.
And keep you informed.
And then I am sorry, but I was not able to copy and paste some numbers….
The reply of Ygits post has this code (not the other one I wrote above): #783410
And the threads name is: “How to edit links of social media buttons?”
Best regards and if we don’t hear from each other before – many thanks to you and all the guys in that great enfold supporters-team!
enjoy christmas-days and stay healthy
Grobi
@adibranch
Assuming there is no problem with your tracking methods: This is one of the many pitfalls of Cookie Consent Policies required under EU Data Protection Laws.
If you serve customers in the area covered by GDPR then you are supposed to ask users to accept tracking cookies to be compliant. You should not load Google Analytics by default.
If you operate in the USA or other parts of the world where GDPR does not apply to those customers you can load all cookies on page load – Unless there are other local rules where cookie consent still applies.
However what you can do is improve the UX design to make it easier to click accept all cookies rather than reject all. Improving your data capture See below:
The Cookie Bar Popup
I normally set Enfold to essential cookies accepted on first page load only.
Button 1 – Accept All Cookies button – Accept all Cookies and dismiss the popup
Button 2 – Settings – Opens the modal
In the Modal:
They can turn cookies on and off in the modal.
Button 1 – Accept All Cookies button – Accept all Cookies and dismiss the popup
Button 2 – Do Not Accept – Reject all Cookies and Close window
This give the user the option to opt out but makes them more likely to click accept all to hide the message without going into the modal – Helping improve Analytics data while still being compliant.
I hope this helps!
Hi,
Sorry about that. I thought that you are using the Blog Posts element. For the product grid, this css should work.
.avia_cart_buttons {
position: absolute;
bottom: 0;
}
Please make sure to toggle or temporarily disable the Enfold > Performance > File Compression settings afterwards.
Best regards,
Ismael
Hi,
I would like to give the ability to end user to customize his general styling (Enfold Child Theme Options/predefined color scheme)
I created a page just like your “General Styling” page with two parts :
– first part (top) with a “Button Row” element into a section element (predefined color scheme)
– second part (button) with a “Preview screen” displayed into a specific section element with colors depending on the button clicked by user
I have two questions :
– how to know which button in row user has clicked ?
– how to refresh “preview section” without reload current page ?
Many thanks for your help.
Kind regards
Jorge
Hey Ismael, thank you. I still have it that the buttons are not in one straight line. I’m using an iPhone 12 Pro Max, maybe it’s because of the bigger screen? I think it’s a little bug in my enfold theme. Just checked: The element is a button row, and when aligned to the left, everything works fine. But when I choose to center it, there it is, also in the preview.



Thank you.
All the best,
Tino
Hey rob,
I could not see any selector that is deprecated but there are some things you can do with options instead of using CSS codes.
For example, you have following code to make borders rounded on button element with “rounded-button” class
#top .rounded-button a.avia-button {
border-radius: 30px;
}
You can edit button elements and adjust their border radius in Styling > Borders now – https://i.imgur.com/7rCORiZ.png
Instead of using following code
.main_menu ul:first-child > li > a { font-size: 18px; }
You can go to Enfold theme options > Advanced Styling and edit “Main Menu Links” to increase main menu font size
Instead of using following code
p.toggler.av-inherit-border-color {
background-color: #002348;
color: #ffffff
}
You can edit Accordion element and use custom color options
Instead of following code
h1, h2, h3, h4, h5, h6 { text-transform: none !important; }
You can go to Enfold theme options > Advanced Styling and edit “All Headings (H1-H6)” to change text transform
That seems to be it :)
Regards,
Yigit
Hi Tino,
Thanks for contacting us!
Please add following code to Quick CSS field in Enfold theme options > General Styling tab
@media only screen and (max-width: 490px) and (min-width: 440px) {
.avia-buttonrow-wrap .avia-button.avia-size-x-large {
display: inline;
}}
Cheers!
Yigit
Hey sitibus,
Please try the following in Quick CSS under Enfold->General Styling:
.woocommerce-checkout #ppc-button {
margin-top: 20px;
}
Best regards,
Rikard
I’m adding thumbnails that point to YouTube videos. YouTube forces extra stuff on top of the thumbnails which I’m trying to avoid.
Here’s what I’m thinking:
1. Add the raw thumbnail
2. On mouseover, the play button image would appear
3. When you click on the image, it takes you to another page
On the Enfold template I’m using, I remember on the homepage it had “Recent Top Sellers” with images of men and women and they would change on mouseover – https://kriesi.at/themes/enfold-shop/
I never looked behind the scenes to see how they were doing this. Examples are deleted now.
Any suggestions would be greatly appreciated. Thank you
Hi,
We’re using the plugin “Real Estate Manager Pro” at https://gemeinde.buerchen.ch. If a user made a registration in the real estate market, he can’t upload any images / documents due a javascript error:
Uncaught TypeError: wp.media is undefined
<anonymous> https://temp.gemeinde.buerchen.ch/wp-content/plugins/real-estate-manager-pro/assets/front/js/create-property.js?ver=5.8.2:15
The error appears, if you click on the button “Klicken Sie hier, um Bilder hochzuladen” or “Dateianhänge” in the site “Meine Objeke / Neues Objekt”. We made a website-clone for testing. Temporary login link and site-link in private content.
If you switch from the Enfold-Child Theme “Theme” to “Twenty Twenty-One” the error disappears.
Regards,
Bernd
Trying to change the YouTube icon in the header using these instructions:https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options.
/* Update Youtube Icon */
// Register new icon as a theme icon
function avia_add_custom_icon($icons) {
$icons[‘youtube’] = array( ‘font’ =>’fontello’, ‘icon’ => ‘ue921’);
return $icons;
}
add_filter(‘avf_default_icons’,’avia_add_custom_icon’, 10, 1);
`
// Add new icon as an option for social icons
function avia_add_custom_social_icon($icons) {
$icons[‘youtube’] = ‘youtube’;
return $icons;
}
add_filter(‘avf_social_icons_options’,’avia_add_custom_social_icon’, 10, 1);
Unfortunately, the icon does not show up. Please help.