Forum Replies Created
-
AuthorPosts
-
Hey Jason,
Thanks for your patience, in the title when you see[av_dynamic_el
this looks like the ACF code with the “{” mark is braking the ALB element shortcode, I tested without the ACF code in the title field in the first link below and the ACF code for the answer in the content field which worked. Below the accordion panel I tested both ACF codes which also worked:
I don’t know the cause for this, but I found that the ACF code could be used in the title if the element shortcode is not used, but use the element HTML instead. See link 2 below:
frontend:
Best regards,
MikeHey dpcram,
These settings are working on my demo site, please include an admin login in the Private Content area so we can examine your page.Best regards,
MikeMay 24, 2025 at 8:19 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484620Hi,
1:@media only screen and (max-width: 767px) { #top #header .phone-info { padding-top: 0; } #menu-item-1413 a { padding-bottom: 0; } #avia2-menu { line-height: 10px; } }
2:
@media only screen and (max-width: 767px) { #top #wrap_all .social_bookmarks li a { line-height: 30px!important; min-height: 30px!important; font-size: 30px!important; } #top #wrap_all .social_bookmarks li { height: 30px!important; width: 50px!important; } #top #wrap_all .social_bookmarks { height: 35px!important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHey Sven,
It has always been hidden on screens smaller than 767px to save space, it is not specific to landscape or portrait, it is only that some mobile devices happen to be larger than 767px in landscape mode. To show on all screens try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #scroll-top-link { display: block; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
Thank you for your patience, when I test your snippet above I find that the quotes have been converted to curly quotes which break the code.
If I correct them first, they work correctly in the code block element:
when using a code snippet like this the code block element is the correct element to use because the PayPal snippet is calling a function from the PayPal site which will run in the backend editor where you don’t want it to. The visual mode of the text editor will run the code, but the code block element will not.
If you really want to use the text block element, then use the code tab and do not switch to the visual tab. Here I show that this works, in the code tab you see the code and the preview shows the button:
at this point click “save” and not the visual tab and the button is shown in the editor, which means that WordPress is running the code in the text element in the backend.
Now you can update the page and view the frontend:
This is the corrected code snippet that I used:<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank"> <input type="hidden" name="cmd" value="_s-xclick" /> <input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" /> <table> <tr> <td> <input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only"/> Options for Brondanw & Nantclwyd only </td> </tr> <tr> <td> <select name="os0"> <option value="Member"> Member £17.00 GBP </option> <option value="Guest"> Guest £19.00 GBP </option> <option value="2 Members"> 2 Members £34.00 GBP </option> <option value="1 Member + 1 Guest"> 1 Member + 1 Guest £36.00 GBP </option> <option value="Child under 16"> Child under 16 £10.00 GBP </option> </select> </td> </tr> </table> <input type="hidden" name="currency_code" value="GBP" /> <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" /> </form>
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
To prevent your code snippet from changing if you want to edit the text block element in the future, such as adding text around the button, we will create a shortcode for your button, by adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function paypal_button_shortcode() { ob_start(); ?> <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank"> <input type="hidden" name="cmd" value="_s-xclick" /> <input type="hidden" name="hosted_button_id" value="H87UB2HDHP3GS" /> <table> <tr> <td> <input type="hidden" name="on0" value="Options for Brondanw & Nantclwyd only" /> Options for Brondanw & Nantclwyd only </td> </tr> <tr> <td> <select name="os0"> <option value="Member">Member £17.00 GBP</option> <option value="Guest">Guest £19.00 GBP</option> <option value="2 Members">2 Members £34.00 GBP</option> <option value="1 Member + 1 Guest">1 Member + 1 Guest £36.00 GBP</option> <option value="Child under 16">Child under 16 £10.00 GBP</option> </select> </td> </tr> </table> <input type="hidden" name="currency_code" value="GBP" /> <input type="image" src="https://www.paypalobjects.com/en_GB/i/btn/btn_cart_LG.gif" border="0" name="submit" title="PayPal – The safer, easier way to pay online!" alt="Add to Cart" /> </form> <?php return ob_get_clean(); } add_shortcode('paypal_button', 'paypal_button_shortcode');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Then in your text block element use this shortcode[paypal_button]
in the backend you will only see the shorcode:
and on the frontend the button shows:
Best regards,
MikeHey awasner,
To change the title bar H1 for category pages to a different tag like H2 or p, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function my_custom_change_category_title_tag($args) { if (is_category()) { $args['heading'] = 'h2'; // Change title tag from h1 to h2 or any other tag like p } return $args; } add_filter('avf_title_args', 'my_custom_change_category_title_tag');
To remove the title in the title bar for category pages, but still show the breadcrumbs, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:
function avf_header_setting_filter_mod($header_settings) { if ( is_category() || is_archive() ) { $header_settings['header_title_bar'] = "breadcrumbs_only"; } return $header_settings; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
If you want to completely remove the title bar, both title and breadcrumbs use this function instead:
function avf_header_setting_filter_mod($header_settings) { if ( is_category() || is_archive() ) { $header_settings['header_title_bar'] = "hidden_title_bar"; } return $header_settings; } add_filter('avf_header_setting_filter', 'avf_header_setting_filter_mod', 50, 1);
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
We will need to see your page so we can determe the css effecting your magazine font size.Best regards,
MikeMay 22, 2025 at 12:31 am in reply to: Changing the color of the diagonal borders in the “Creative Studio” demo #1484546Hi,
Glad we were able to help, I don’t know of other effects, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Ok, you had said that you were pateing it into Word.
If you are not then how you are copying it is adding the extra code, you will need to remove it, the theme is not adding this.Best regards,
MikeMay 22, 2025 at 12:21 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484544May 19, 2025 at 10:59 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484466Hi,
Perhaps you didn’t see the css for the logo overlapping the buttons that I posted above:@media only screen and (max-width: 767px) { #av_section_1 .container.av-section-cont-open, .page-id-910 #av-layout-grid-1 { padding-top: 130px !important; } }
it would be easier if you disabled the plugin that is blocking me from making changesBest regards,
MikeHey FFAlan,
Try using a plain text editor like notepad, VScode, or notepad++, not Word.Best regards,
MikeMay 19, 2025 at 1:29 am in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484419Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey envis,
You should upload only the webp images and add them to the galleries and other elements. I tested this on the different galleries, masonry, featured images, color section background image, blog post element, ect. There is no need to upload two versions of each image, just use the webp format directly.
Assuming that you are only uploading jpg images and then using a plugin to convert them to webp copies, you could add this code to the end of your child theme functions.php file in Appearance ▸ Editor to show the webp version if the file name and location is exactly the same, the draw back to this approach is that you have twice as many images on your server with only half being used. This also won’t rewrite CSS background images in external CSS files — only inline styles and HTML output, so if you are using CSS File Compression And Merging, or another caching plugin and have background images such as a background image in a color section or a masonry element it may not work. In my tests once I cleared the css and cache it worked for me except the gallery short code like[gallery link="file" columns="5" ids="4350,870,868,864,862"]
the gallery and other elements did work.add_filter('wp_get_attachment_image_src', function($image, $attachment_id, $size) { $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', get_attached_file($attachment_id)); $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $image[0]); if (file_exists($webp_path)) { $image[0] = $webp_url; } return $image; }, 10, 3); //for background images // Replace image URLs with .webp if the .webp version exists function enfold_replace_with_webp($buffer) { // Replace src="...jpg|png" and url('...jpg|png') with .webp if available return preg_replace_callback( '/(?:src|url)\s*=\s*["\']([^"\']+\.(?:jpe?g|png))["\']|url\(\s*["\']?([^"\')]+\.(?:jpe?g|png))["\']?\s*\)/i', function($matches) { $original_url = $matches[1] ?: $matches[2]; if (!$original_url) return $matches[0]; $parsed_url = wp_parse_url($original_url); if (empty($parsed_url['path'])) return $matches[0]; $img_path = $_SERVER['DOCUMENT_ROOT'] . $parsed_url['path']; $webp_path = preg_replace('/\.(jpe?g|png)$/i', '.webp', $img_path); $webp_url = preg_replace('/\.(jpe?g|png)$/i', '.webp', $original_url); if (file_exists($webp_path)) { // Return updated string (preserving whether it was src= or url()) if ($matches[1]) { return str_replace($original_url, $webp_url, $matches[0]); } else { return 'url("' . $webp_url . '")'; } } return $matches[0]; }, $buffer ); } // Start output buffering early function enfold_start_webp_buffering() { ob_start('enfold_replace_with_webp'); } add_action('template_redirect', 'enfold_start_webp_buffering');
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Also note that your server media handling editor needs to also support webp files, mine is WP_Image_Editor_GD, which is default for WordPress:
If you are not able to directly use the webp images in your elements, this could be the cause.Best regards,
MikeMay 18, 2025 at 9:00 pm in reply to: One page restaurant demo: Transparent logo is the wrong size, main logo is the K #1484411Hi,
The demo logos such as 386 & 385 are hard coded into the theme, there are no files to delete and you can not remove them without replacing them with yours. To replace them you should upload your logo via the upload option, or upload your logo into the media library and paste the file URL into the field.
If you don’t want a logo at all, then upload a blank / transparent placeholder image into the field. Typically, people are fine with simply uploading a logo to replace the demo logos.Best regards,
MikeHey holidayprint,
Unfortunately, I can not think of a way to achieve this, my best advice would be to contact Codeable for help with this customization.Best regards,
MikeHi,
Please see our documentation here and note: Step 4: Import parent theme options and note all steps, especially step 3: Go to Enfold Theme Options > Import/Export > Import Settings From Your Parent Theme and import
Best regards,
MikeHey bemodesign,
duplicate thread, please see here instead.Best regards,
MikeMay 18, 2025 at 3:09 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484401Hi,
It looks like you forgot the semicolon after the width: 100%
while I can see your site, I can’t make any changes, your plugin keeps blocking me and I answered the CAPTCHA six times and I’m still blocked.
If you correct this, it should work like this:
As for the other issue try adding this css:@media only screen and (max-width: 767px) { #av_section_1 .container.av-section-cont-open, .page-id-910 #av-layout-grid-1 { padding-top: 130px !important; } }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHi,
Ok, I’m not sure what else the issue could be, when I check your site your Google cookie is being set for me in incognito, and if this is working for your other sites with the same target URL then I don’t know why it would not work for this one. It looks like your other sites are also using Enfold.
I’m not a tracking expert, I was just pointing out what I have seen in the past with affiliates tring to track their clicks.
Are you using the Google Tag Manager? For that I believe that you need to add a script into your header:<!-- Google Tag Manager --> <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-WCML7X4');</script> <!-- End Google Tag Manager -->
but perhaps this is something else, I don’t use it.
Best regards,
MikeHi,
Unfortunately, I found that the mega menu column titles do not add the menu-item classes or the custom classes like the regular menu items
After much research, I found no way to correct this, but I was able to add a unique custom class to each mega menu column title in your burger menu with this javascript:document.addEventListener('DOMContentLoaded', function () { const burger = document.querySelector('.av-burger-menu-main'); let columnClassAdded = false; if (burger) { burger.addEventListener('click', function () { setTimeout(() => { if (columnClassAdded) return; const columnTitles = document.querySelectorAll('#av-burger-menu-ul li.av-width-submenu'); columnTitles.forEach((el, index) => { el.classList.add('menu-column-title-' + (index + 1)); }); columnClassAdded = true; }, 100); }); } });
I added this to your WP Code plugin as a javascript snippet, it adds:
menu-column-title-1 with the number changing for each title, since you currently have six of them it goes to menu-column-title-6
with menu-column-title-1 = Collections and menu-column-title-6 = Being Seen.
The css to make Erosion Stories of Paria Canyon blue I added this:#av-burger-menu-ul .menu-column-title-2 > a { color: blue !important; }
So using this structure you can style the mega menu column titles in the burger menu, and for the other menu items use the custom classes as above, note that you will need to add a greater-than symbol in your css, like this:#av-burger-menu-ul .gal > a { color: blue !important; }
so the siblings also don’t change.
Give this a try and let us know if you find any other issues.Best regards,
MikeMay 17, 2025 at 11:48 pm in reply to: Font size and Color options for “Full page overlay menu” sub menu #1484393Hi,
Unfortunately I can not make changes to your css as I get a notice that I have been blocked.
So for #1 change this css:#top .logo { width: calc(100% - 170px); left: unset; }
to this
#top .logo { /*width: calc(100% - 170px);*/ width: 100%; left: unset; }
Please see if you can disable the plugin that is blocking us.
Best regards,
MikeHey madmanbean,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#header.header_color:not(.av_header_transparency) .phone-info a { color: #666666; }
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.Best regards,
MikeHi,
When I test this snippet, it works for me on my site. Please ensure that you copied the code from the forum and not an email notification so the symbols are not converted.
Then in the user profile make sure that the “Nickname” and the “Display name publicly as” is what you want to show:
this is how it shows on my site
I can not see your site as it requires a login.Best regards,
MikeMay 17, 2025 at 11:03 pm in reply to: Changing the color of the diagonal borders in the “Creative Studio” demo #1484390Hey David,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-section .av-extra-border-element .av-extra-border-inner { border-top: solid 1px red; }
adjust to suit.
Best regards,
MikeHey Mark,
Most browsers block cookies and scripts by default now with either built-in settings or with AD blockers, so you may not get your referrals correctly.
One way around this would be to ask your advertisers to create a custom page for you to link to with a unique URL even if it was just a copy of their home page so any traffic going to this URL could give you credit.
Another possibly is to use the plugin Track The Click which will track clicks as they occur on a WordPress website in real time. PrettyLinks is another plugin that will track the links on your site by creating custom out bound URLs and tracking each time they are clicked.
With these plugins you can offer your advertisers reports for the traffic that you are sending them.Best regards,
Mike -
AuthorPosts