-
Search Results
-
Hi,
Since a while there are some functions that do not work both on Firefox (Windows 10) and Safari (iPhone) that worked perfectly with previous versions. It seems this is visible since the latest two updates on Enfold.This is what I found:
Enfold Cookie-Disclaimer does not work on Firefox and Safari
Scroll to top button does not work on Firefox and Safari
Plugin Portfolio Filter Gallery does not work on Firefox and Safari
Plugin NextGEN Gallery does not work on Firefox and Safari
Menue does not work on SafariAny ideas, how to fix this?
Many thanks & all the best!
Wow, that worked beautifully. :-) With the stretched background image and a few regular animated buttons from the Enfold theme I was able to recreate the overall feel and animation of my previous LayerSlider. My website: https://wta.nl/
With LayerSlider my score on PageSpeed Insights was 54 (mobile), even after taking most performance measures I could think of. Without LayerSlider, so with my new setup with the stretched bg image and animated buttons, my score went up to 74 (mobile) instantly. And when I also deactivated LayerSlider in the Enfold Layout Builder (but leave plugin files), my score even went up to 83 for a moment, and later around 76. But still, a great improvement. And I even imported an additional Google Font! Amazing.
I don’t know yet what it does for my Google ranking, because page ranking is my next step to discover, but in any case my page speed won’t hurt it too much anymore. So thanks for the help @Ismael
On my homepage https://wta.nl/ I have a full width slider, made with Advanced Layerslider. It looks great, but the Kb size of it hurts my pagespeed score. Because it’s a very simple slider I want to replace the slider by a color section with a background image that looks almost the samen and stretches full width. But despite reading every topic on it on this forum, I can’t get it to work. The background image I want to use is the same as the one in my current slider. But when I apply it as a background in the color section it doesn’t stretch to fit full width. The image is 1783 x 534 px.
What I’ve tried:
– Gave the color section a Custom ID Attribute, like it says in your Enfold Documentation: https://kriesi.at/documentation/enfold/color-section/#color-section-with-100-content-width and pasted the code in Quick CSS. When applying a background color the color section is full width. But applying my background image doesn’t stretch full width.
/* Color section container width */ #section-container-width .container { width: 100% !important; min-width: 100%; padding: 0; margin: 0; }– After that I tried to apply my background image as an image, and used the following code found in this topic: https://kriesi.at/support/topic/full-width-images-on-a-page/#post-711522. That didn’t work either.
.avia-image-container avia-image-container-inner, .avia-image-container avia-image-container-inner img { width: 100%; }– I finally found this recent topic https://kriesi.at/support/topic/full-screen-image-with-text-overlay/#post-1466589https://kriesi.at/support/topic/full-screen-image-with-text-overlay/#post-1466589 where moderator @Ismael says: try setting the Styling > Background Image > Background Repeat option to the fifth option (Stretch to Fit). But I don’t see that option in my Enfold Layout Builder. I even saw more posts on this forum where users got this Background Repeat advice. Why can’t I see this option?
So I’m pretty confused right now. It seems so simple to recreate my current slider with a static background image and placing a few buttons in it. But I really don’t know how to do it. Please help.
By the way: I’ve deleted all my previous attempts with the color section and Quick CSS, so my current page is again with only the current slider.
Topic: hover twitter share button
it is a bit different to all others. – so maybe it would be better to have:
#top #wrap_all .av-social-link-twitter a:focus, #top #wrap_all .av-social-link-twitter:hover a { color: #fff; background-color: #000; }This seems to be in line with twitter’s corporate design – and is also similar to the behaviour of all other share links on enfold.
In reply to: Mega Menu
be carefull if you install that child-theme on an existing installation!
Enfold has on Import/Export Options : “Import Settings From Your Parent Theme”. Button –
This generally works smoothly. The child theme then initially adopts the settings of the parent theme – including the quick css settings.But link above to docu can tell you more detailed
By the way: you do not need to edit this by ftp.
Mostly there is the opportunity to edit the child-theme functions.php via Dashboard:Dashboard – Appearance – theme file editor ( right side click f.e. on functions.php)
______________________________
after that for that test page of mine i have in quick css:
.avia_mega_div.avia_mega7 { right: calc(-100vw) !important; width: 95vw; } #top .avia_mega_div > .sub-menu { display: grid !important; margin:0; gap: 20px 0px; grid-auto-flow:row; grid-template-columns: repeat(7, 1fr); /*** that means 7 grid-cells with each 1 fraction (same size) ***/ } #top #header .avia_mega_div > .sub-menu > li { display: block !important; width: unset; position: relative; } #top #header .avia_mega_div { max-width: 100vw; /*** if it is neccessary ***/ } @media only screen and (min-width: 990px) and (max-width: 1199px) { #top #header .avia_mega_div > .sub-menu { grid-template-columns:repeat(4, 1fr); } #header .avia_mega_div { overflow-y: scroll; /*** needed - if your mega-div height is too large for your device ***/ max-height: calc(100vh - 200px); /*** depends on your header height ***/ } }In reply to: Button in Diaslider full screen is on uppercase?
Hey Peter,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-slideshow-button { text-transform: none; }Best regards,
MikeHi Enfold team, sometimes I’m struggling with the backend editor to achieve something.
I’m trying to achieve an image with overlapping content field (with white background) which contains a title, text and button. insofar my attemps have been very unsuccesfull. It doesnt seem very complicated to me, so I’m hoping you have a concrete advice on how to achieve this. sometimes this will be in columns, sometimes ‘stand alone’
Topic: Images not showing in Chrome
Hi Team Kriesi,
Images are often not showing when my site is opened in Chrome. When this happens, the images will often come in after 1-4 refreshes. Errors like this are showing up:
Failed to load resource: net::ERR_CERT_COMMON_NAME_INVALID
Failed to load resource: net::ERR_CONNECTION_RESETI’m having a very similar issue what’s described in this previous thread, but I don’t have the Lazy Load or Really Simple SSL plugins installed so I’m not sure what to try to solve this issue: https://kriesi.at/support/topic/major-problem-in-google-chrome/
Besides the default plugins, I have WP Accessibility and Sticky Buttons installed. I’m using enfold 6.6.2.
Thanks for any help!
In reply to: Problem with Cart Buttons (WooCommerce)
Hi,
Thank you for the screenshots.
You can use this css code to adjust the style of the product buttons in the shop page.
#top .main_color .avia_cart_buttons .button { color: white; } #top .main_color .avia_cart_buttons { background: rgb(195, 26, 57); }If you’d like to adjust the initial opacity of the buttons, please add the following css code:
.avia_cart_buttons { opacity: 0.8; }You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the modifications.
Best regards,
IsmaelIn reply to: Remove the fade effect on fold/unfold element
Yeah, this bug started to occur some time ago. If you want to create a new page to test the issue you can just create a copy of any page (e.g home page), then delete every element from the copied page and now you have a blank page, thats how i usually do it. The fold/unfold option is used in the “program” section of for-startups page.
ThanksEDIT: I updated enfold and now the button to enable layout builder is there agaijn
In reply to: Major problem in Google Chrome
I’m having a very similar issue to ENVJF, but I don’t have the Lazy Load or Really Simple SSL plugins installed so I’m not sure what to try to solve this issue.
Besides the default plugins, I have One Click Accessibility and Sticky Buttons installed. I’m using enfold 6.6.2.
Thanks for any help!
Hello everyone,
We are currently testing Enfold with Woocommerce and have encountered a problem with the buttons.
We would like the buttons on the website to look uniform (color, font, etc.).
Unfortunately, I can’t find a solution for this use case in the documentation.
Is there a kind of global style that can be defined?The buttons on the store page look completely different from those on the product page itself. The entire styling here is “wrong” or Enfold Standard as it seems.
Here it also looks to me that there are two buttons.
“To product” and ‘Show details’.
There should only be one standard button here.Thank you for your help.
In reply to: Trying to change Mailerlite button style
Hi,
Please try the following in Quick CSS under Enfold->General Styling:
.mailerlite-subscribe-button-container .mailerlite-subscribe-submit { background-color: red; padding: 20px; color: white; }Best regards,
RikardIn reply to: Trying to change Mailerlite button style
Hi Rikard,
I’d like to change background colour, font colour, shape, border etc.
More like a standard Enfold button, something like the button at the bottom of the test page.
I can edit the exact details of the CSS but I’m having trouble getting the CSS to work i.e. anything I add isn’t being picked up by the code.
Thanks,
RosaHi Thank you for your response.
i implemented it that way:
/** * Barrierfree Menu Close with ESC Key * - enhance Enfold menu keyboard usabillity * @see https://kriesi.at/support/topic/menu-focus-trap-accessibility-keyboard-usage-improvement */ enfold_menu_close_by_key = function(){ var options = { key_code: 27, // ESC classNames:{ active: 'is-active', container_active: 'av-burger-overlay-active', container_active_delayed: 'av-burger-overlay-active-delayed', }, selectors: { trigger: '.av-hamburger', container: 'html', overlay: '.av-burger-overlay', } }, trigger = document.querySelector(options.selectors.trigger), container, overlay, menu_close = function(){ var classNames = options.classNames; if ( trigger.classList.contains(classNames.active) ) { trigger.classList.remove(classNames.active); container.classList.remove(classNames.container_active); container.classList.remove(classNames.container_active_delayed); overlay.style.display = 'none'; overlay.style.opacity = 0; } }; if ( trigger instanceof HTMLElement ) { // if an overlay is used document.addEventListener('keydown', function(event){ if ( event.keyCode === options.key_code ) { // get elements only once if ( typeof container === 'undefined' ) { container = document.querySelector(options.selectors.container); } if ( typeof overlay === 'undefined' ) { overlay = document.querySelector(options.selectors.overlay); } // close the menu menu_close(); } }); } }, enfold_menu_close_by_key();While it works fine i seem to need some text-hint near the close button.
Anyway i hoped you will consider it for an update, so i will work on my own solution.Hi there,
when you use any Page with Enfold and an enabled “Burger” Button with the Keyboard.
Demo Page: https://kriesi.at/themes/enfold-creative-studio/You can access the top-main menu, by use the Tab-key to get to the Burger-icon and then Enter-key it opens. Fine!
Then you can Tab-through the menu-items, also fine.But at the end of the menu, one would expect to:
A: Jump back to the Burger Icon, close with Enter-key and Tab-key to get further on the page
B: Jump to the next Content AND visible close the Menu-layer.
C: Use the ESC-key to close the mennuCurrent Situation:
With Tab-key at the end of the menu you jump to the next content AND the menu stays visible so you wont see the page contents you are tabbing and only a reload of the page can fix it. Also ESC-key is not activated.In reply to: New Social Media Links
In reply to: Advanced Layout Builder not showing on some pages
Hi,
As for updating, I don’t believe that you are using the correct zip file installable WP version, in your Theme Forest account there are two files to download, on includes other files and documentation, this will cause the error that you see, please look for installable WP version. Otherwise please upload to dropbox so I can download it and check.
As for some of your pages without Advanced layout builder:
most are not ALB pages, but I did find one called “Magazine”
this was saved as a “block editor” page at one time and the reason that you don’t see the ALB button is an error in the theme version or a plugin conflict, so to fix without updating I switch to the “classic editor” at Enfold Theme Options ▸ Select Your Editor ▸ Use WP Classic Editor
now the button shows:
I then click it and the ALB page loads and I re-save:
and now the page is fixed:
please check and try this with your other pages.
Please note that your “About Us” page is not a ALB page, so if you don’t see code in the page don’t convert to a ALB page.Best regards,
MikeTopic: Host error
We have reached out to the hosting provider who have advised the following.
We are mainly experiencing this issue when updating the posts or pages.
Please see the message from them below,
I am seeing several fatal code errors mostly coming from your themes, code please revise your settings.https://privatebin.net/?eb4a5689f22053a0#CNJK1S1uqrU5mBTxopER69CweyxkunQh12T7XpxgHJuz
* ERROR LOG TYPE SUMMARY *
+————————–+
| Count | Error Type |
|——–+—————–|
| 63 | auditor_scan |
| 33 | php_notice |
| 13 | php_error |
| 11 | auditor_event |
| 3 | php_fatal |
| 14 | SKIPPED |
+————————–+
php_notice
+————————————————————————————————————————————————-+
| Count | Message |
|——-+—————————————————————————————————————————————–|
| 30 | preventing possible attempt to enumerate users |
| 1 | wpe_cache_plugin:info: event=clear-all-cache, referer: https://royalbindi.co.uk/wp-admin/ |
| 1 | wpe_cache_plugin:info: event=clear-all-cache, referer: https://royalbindi.co.uk/wp-admin/options-general.php?page=wprocket |
| 1 | wpe_cache_plugin:info: event=clear-all-cache, referer: |
| | https://royalbindi.co.uk/wp-admin/admin.php?page=wpengine-common&tab=caching&_wpnonce=1960d1f4d3 |
+————————————————————————————————————————————————-+
php_error
+————————————————————————————————————————————————-+
| Count | Message |
|——-+—————————————————————————————————————————————–|
| 4 | PHP Parse error: syntax error, unexpected single-quoted string “order”, expecting “)” in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 543, referer: |
| | https://royalbindi.co.uk/blog/?n,jbuyasflx |
| 4 | PHP Parse error: syntax error, unexpected single-quoted string “order”, expecting “)” in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 543, referer: |
| | https://royalbindi.co.uk/wp-admin/theme-editor.php?file=config-templatebuilder%2Favia-shortcodes%2Fblog%2Fblog.php&theme=enfold |
| 3 | PHP Parse error: syntax error, unexpected single-quoted string “order”, expecting “)” in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 543 |
| 2 | PHP Parse error: syntax error, unexpected single-quoted string “order”, expecting “)” in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 543, referer: |
| | https://royalbindi.co.uk/wp-admin/admin.php?page=wpcode-snippet-manager&snippet_id=19960 |
+————————————————————————————————————————————————-+
php_fatal
+————————————————————————————————————————————————-+
| Count | Message |
|——-+—————————————————————————————————————————————–|
| 2 | Uncaught TypeError: usort(): Argument #1 ($array) must be of type array, null given in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.php:822\nStack |
| | trace:\n#0 /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.php(822): |
| | usort(NULL, Object(Closure))\n#1 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php(658): |
| | avia_post_slider->html()\n#2 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_blog->shortcode_handler(Array, ”, ‘av_blog’, Array)\n#3 /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): |
| | aviaShortcodeTemplate->shortcode_handler_prepare(Array, ”, ‘av_blog’)\n#4 : do_shortcode_tag(Array)\n#5 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, |
| | ‘\\n[av_textblock …’)\n#6 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(559): |
| | do_shortcode(‘\\n[av_textblock …’)\n#7 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/columns/columns.php(2088): |
| | ShortcodeHelper::avia_remove_autop(‘\\n[av_textblock …’, true)\n#8 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_columns->shortcode_handler(Array, ‘\\n[av_textblock …’, ‘av_one_full’, Array)\n#9 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare(Array, ‘\\n[av_textblock |
| | …’, ‘av_one_full’)\n#10 : do_shortcode_tag(Array)\n#11 /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): |
| | preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, ‘</p>\\n[av_one_fu…’)\n#12 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(559): |
| | do_shortcode(‘</p>\\n[av_one_fu…’)\n#13 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php(1547): |
| | ShortcodeHelper::avia_remove_autop(‘</p>\\n[av_one_fu…’, true)\n#14 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_section->shortcode_handler(Array, ‘</p>\\n<p>[av_one…’, ‘av_section’, Array)\n#15 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare(Array, |
| | ‘</p>\\n<p>[av_one…’, ‘av_section’)\n#16 : do_shortcode_tag(Array)\n#17 /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): |
| | preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, ‘[av_section min…’)\n#18 |
| | /nas/content/live/royalbindi/wp-includes/class-wp-hook.php(324): do_shortcode(‘[av_section min…’)\n#19 |
| | /nas/content/live/royalbindi/wp-includes/plugin.php(205): WP_Hook->apply_filters(‘[av_section min…’, Array)\n#20 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/template-builder.php(102): apply_filters(‘the_content’, ‘[av_section |
| | min…’)\n#21 /nas/content/live/royalbindi/wp-includes/template-loader.php(106): include(‘/nas/content/li…’)\n#22 |
| | /nas/content/live/royalbindi/wp-blog-header.php(19): require_once(‘/nas/content/li…’)\n#23 |
| | /nas/content/live/royalbindi/index.php(17): require(‘/nas/content/li…’)\n#24 {main}\n thrown in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/postslider/postslider.php on line 822 |
| 1 | Uncaught Error: Call to undefined method avia_sc_blog::sort_buttons() in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php:623\nStack trace:\n#0 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_blog->shortcode_handler(Array, ”, ‘av_blog’, Array)\n#1 /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): |
| | aviaShortcodeTemplate->shortcode_handler_prepare(Array, ”, ‘av_blog’)\n#2 : do_shortcode_tag(Array)\n#3 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, |
| | ‘\\n[av_textblock …’)\n#4 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(559): |
| | do_shortcode(‘\\n[av_textblock …’)\n#5 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/columns/columns.php(2088): |
| | ShortcodeHelper::avia_remove_autop(‘\\n[av_textblock …’, true)\n#6 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_columns->shortcode_handler(Array, ‘\\n[av_textblock …’, ‘av_one_full’, Array)\n#7 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare(Array, ‘\\n[av_textblock |
| | …’, ‘av_one_full’)\n#8 : do_shortcode_tag(Array)\n#9 /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): |
| | preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, ‘</p>\\n[av_one_fu…’)\n#10 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-helper.php(559): |
| | do_shortcode(‘</p>\\n[av_one_fu…’)\n#11 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/section/section.php(1547): |
| | ShortcodeHelper::avia_remove_autop(‘</p>\\n[av_one_fu…’, true)\n#12 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-template-builder/php/class-shortcode-template.php(13… |
| | avia_sc_section->shortcode_handler(Array, ‘</p>\\n<p>[av_one…’, ‘av_section’, Array)\n#13 |
| | /nas/content/live/royalbindi/wp-includes/shortcodes.php(434): aviaShortcodeTemplate->shortcode_handler_prepare(Array, |
| | ‘</p>\\n<p>[av_one…’, ‘av_section’)\n#14 : do_shortcode_tag(Array)\n#15 /nas/content/live/royalbindi/wp-includes/shortcodes.php(273): |
| | preg_replace_callback(‘/\\\[(\\\[?)(av_blo…’, ‘do_shortcode_ta…’, ‘[av_section min…’)\n#16 |
| | /nas/content/live/royalbindi/wp-includes/class-wp-hook.php(324): do_shortcode(‘[av_section min…’)\n#17 |
| | /nas/content/live/royalbindi/wp-includes/plugin.php(205): WP_Hook->apply_filters(‘[av_section min…’, Array)\n#18 |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/template-builder.php(102): apply_filters(‘the_content’, ‘[av_section |
| | min…’)\n#19 /nas/content/live/royalbindi/wp-includes/template-loader.php(106): include(‘/nas/content/li…’)\n#20 |
| | /nas/content/live/royalbindi/wp-blog-header.php(19): require_once(‘/nas/content/li…’)\n#21 |
| | /nas/content/live/royalbindi/index.php(17): require(‘/nas/content/li…’)\n#22 {main}\n thrown in |
| | /nas/content/live/royalbindi/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 623 |
+————————————————————————————————————————————————-+
auditor_scan
+———————+
| Count | Message |
|——-+————-|
| 63 | fingerprint |
+———————+
auditor_event
+—————————-+
| Count | Message |
|——-+——————–|
| 8 | wp_login |
| 2 | activated_plugin |
| 1 | deactivated_plugin |
+—————————-+In reply to: Buttons in header
Hey esther nijhuis,
You could try adding those buttons in a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
RikardTopic: Buttons in header
Hi Enfold team,
I have to restyle a website, the design shows 2 buttons with links in the header:
Button 1: ‘Vraag hier uw OFFERTE aan’, with a link to /offerte
Button 2: ‘STORING? Bel direct + 31 (0)85 400 00 36’, with al link to this phonenumberI don’t know how to realize this in the same way the design shows. Hopefully you can help me how to create this?
Tnx in advance!Greetz, Esther
Hi,
You can change the width of the burger menu at Enfold Theme Options ▸ Main Menu ▸ Burger/Mobile Menu Styling ▸ Flyout Width
To align the button text to the left, try this css:#av-burger-menu-ul .button.cta.av-menu-button, #av-burger-menu-ul .button.cta.av-menu-button .avia-menu-text { padding-left: 0; padding-right: 0; }Best regards,
MikeIn reply to: Tooltip with copy
Topic: Tooltip with copy
I need to create a small gallery to copy some URL codes. What is the best approach for this?
Simple example.
I create an icon or icon box with a clipboard button.
Hover over the clipboard icon button and it displays a tooltip that says “copy”.
Click the icon, it copies a text and it displays a tooltip with “copied”.
And then you can paste that wherever you need.Using a tooltip script (tooltip JS and jQuery) uses something like this.
<button type="button" class="btn btn-default btn-copy js-tooltip js-copy pull-right" data-toggle="tooltip" data-placement="bottom" data-copy="https://urltocopy.com/test/" title="Copy URL">The idea is to create it without external stuff, just Enfold. If the button has to say copy, it is ok, the idea is to have a workaround.
Any suggestions?
I am using the Enfold Child theme. I don’t see an enfold/includes/loop-index.php file but I do have a functions.php file, is that where I can add the ava_after_content code?
add_action(‘ava_after_content’, function() {
// add button here
}, 10);Hey amyncuih,
Thank you for the inquiry.
You may need to edit the enfold/includes/loop-index.php file and add the button below this code, around line 547:
//share links on single post avia_social_share_links_single_post();Or use the ava_after_content hook in the functions.php file:
add_action('ava_after_content', function() { // add button here }, 10);Best regards,
IsmaelIn reply to: Some errors within the home page that won’t delete
Hi,
You can create a new thread by clicking this button on the Enfold sub forum: https://imgur.com/a/AnoSPNb, or use this link.
Best regards,
Rikard1. I need to move the Captions and button Up a bit on mobile view. Can you get me some CSS for this please?
2. The Text also runs off the page instead of resizing to fit.
3. The image stretches when I increase this code below. Is there a way to just increase the height without distorting the image? Like maybe it just increases the magnify and zooms in on an area?
@media only screen and (max-width: 768px) {
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img {
height: 550px !important;
}
}Thanks!!
Hi, i would like to customize the layer slider, with a back button and own navigation-icons.
Where can i add this code<div class="easy-slider-wrapper"> <div class="easy-slider"> <?php echo do_shortcode('[av_slideshow ...]'); // Easy Slider Shortcode ?> </div> <div class="custom-nav-container"> <a href="https://mydomain/move-layer-3/" class="custom-nav-link custom-left-link"> <img src="https://mydomain/wp-content/uploads/2024/06/WB-Nav-Arrow-Left.svg" alt="Left"> </a> <a href="https://mydomain/move-layer-3/" class="custom-nav-link custom-close-link"> <img src="mydomain/wp-content/uploads/2024/06/WB-Nav-X.svg" alt="close"> </a> <a href="https://mydomain/move-layer-4-01-02/" class="custom-nav-link custom-right-link"> <img src="mydomain/wp-content/uploads/2024/06/WB-Nav-Arrow-Right.svg" alt="Right"> </a> </div> </div>`I was thinking about copying the template-builder.php and adding it in the enfold-child folder, but i’m not sure, if template-builder.php is correct?
kind regards
Jak
