Forum Replies Created
-
AuthorPosts
-
Hi,
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,
MikeHi,
Glad Rikard could help, shall we close this thread then? If you have future questions, you can always open a new thread.Best regards,
MikeHi,
Since you want different styles for each menu item even if they are in the same zones as other items“Land Speak of the John Muir Trail” in the Green zone may need slightly different styling than “Giants in the Gulch” which is also in the Green zone. Also, “Land Speak of the JMT – Statement” in the Orange zone could use slightly different styling than any of the other lines in the Orange zone.
your best approach will be to add custom classes to each menu item to target them with specific css.
Go to your menu screen and click the drop down “screen options” and check the box “CSS classes”
then you will see this box in the menu items
For example, adding the custom class “green” and this css to your Quick CSS:#av-burger-menu-ul .green a { color: green !important; }
will make your burger menu item green.
You can add multiple custom classes, for example if you want some items bold, you can also add the class “bold”:
and this css:#av-burger-menu-ul .bold a { font-weight: bolder !important; }
then this item will be green and bold.
Best regards,
MikeHi,
It works when I test it, check that your snippet doesn’t have any curly quotes instead of the straight quotes.Best regards,
MikeHey williamslyd,
When you write “the blog widget” I assume that you mean the blog posts element, as don’t have a “blog widget”.
In the blog posts element you can choose categories or entries from a custom taxonomy, such as post tags, but not both at the same time.
Try creating a unique tag or category that will show the posts that you want to be shown, and choose that in the blog posts element.Best regards,
MikeHi,
Unfortunately I’m not seeing this on my Android device or in Safari using the Responsive Design Mode to emulate a iPhone, I also checked your page source code and didn’t find anything that may be causing this.
You could try this css, but it is only a guess:.avia_recaptcha_v3 {display: none !important;}
Best regards,
MikeHi,
I see that you found this thread and wrote that it answered your questions
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,
MikeMay 17, 2025 at 12:41 pm in reply to: mobile menu trap focus and/or escape to close overlay menu #1484374Hi,
I see that we can tab though the flip box links, but since the flip boxes only flip on mouse-over I don’t see a way to flip them via tabing.
If you would like to request this feature please post in our Github Feature Request page for the Dev Team to review.Best regards,
Mike -
AuthorPosts