Forum Replies Created
-
AuthorPosts
-
Hey StephenStamp,
Create a login for them and instruct them to login to see the site.
If you don’t want them to have a login quite yet try the Password Protected plugin it will password protect the frontend of your site without a login to the backend.

If you use this plugin you will need to disable the theme maintenance mode, as the only way around this is a full user login.Best regards,
MikeHey lausianne,
I’m not seeing line breaks between the sections:

Try disabling all of your plugins and then resave the page. If that resolves the issue, reactivate each one individually, and resave the page until you find the conflict.
If this doesn’t seem to help, leave all of your plugins disabled and then try to create a new page and see if it occurs again.
If you are able to reproduce this will all of your plugins disabled, please leave them disabled and include a admin login in the Private Content area so we can investigate.Best regards,
MikeHi,
To add space between the letters for the post title, try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.html_elegant-blog #top .post-entry .post-title { letter-spacing: 4px; }adjust the number to suit.
After applying the css, please clear your browser cache and check.Best regards,
MikeJanuary 9, 2024 at 4:43 pm in reply to: Page updates are canceled when clicking the Update Button #1429647Hi,
Thanks for the feedback I disabled your JetBackup plugin and then followed the steps in your video and the easy slider saved correctly, now there is only the image of the white car in your slider. Please clear your browser cache and check.Best regards,
MikeHi,
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,
MikeHi,
No, you should not add any code to the functions-enfold.php
Any customizations that you wish to add should be in your child theme functions.php
The way that I read the message from SG, there are no session cookies being assigned with this code in place, this seems to support the Stack Exchange solution replies for Varnish servers.
But when they checked again after about 30 minutes there was a session cookie, this seems to be due to the time limit in the code: s-maxage=120
So since this seems to show that the issue is between the SG cache and the WordPress PHPSESSID, I would recommend asking SG what they recommend the time limit in the code should be to work with their server cache.Best regards,
MikeJanuary 8, 2024 at 6:13 pm in reply to: Video Not Appearing Properly As Color Section Background #1429589Hi,
1: You can enable the theme settings if you wish, I made these recommendations to ensure the page cache was not part of the issue. If you are still creating your site, I typically recommend disabling the theme cache, and any caching plugins so you won’t be fighting with the cache after each edit when you wish to review your changes on the frontend.
2: The errors I saw were 404 for video files, you had two other videos on the page that were hidden and I believe the links are 404, but to make my research easier I just created to new page. So I don’t believe there are any errors for you to worry about.
BTW: If you duplicate a page with an error, like an unclosed tag, or if you create a ALB template of the same error, the error will carry over to the new page. Naturally if there are no errors then you will have no issues.
Unless there is anything else we can assist with on this issue, shall we close this thread then?Best regards,
MikeHi,
It looks like you are not using the new code that I posted above that allows buttons to be used.
It also looks like you didn’t add the custom class to the buttons for the new script to work, please review this thread again.Best regards,
MikeHi,
The function that they posted:function varnish_safe_http_headers() { header( 'X-UA-Compatible: IE=edge,chrome=1' ); session_cache_limiter(''); header("Cache-Control: public, s-maxage=120"); if( !session_id() ) { session_start(); } } add_action( 'send_headers', 'varnish_safe_http_headers' );is the function that you added from this post above.
Which is from this Stack Exchange solution to override the WordPress default PHPSESSID to solve issues with a Varnish server.Best regards,
MikeHi,
Well from what they are writing they want the standard WordPress PHPSESSID to be removed, perhaps they are giving you bad information because I can’t see that any other theme would do this.Best regards,
MikeHi,
Thanks for the feedback, since you have disabled the Enfold cookie bar the only PHP Session cookie that is now applied is the WordPress PHPSESSID, I don’t believe there is anyway to completely remove this. This is beyond what we can help you with since it is a basic WordPress function, and I’m not sure that WordPress will work correctly if you were able to remove this.Best regards,
MikeJanuary 7, 2024 at 9:57 pm in reply to: Video Not Appearing Properly As Color Section Background #1429495Hi,
Thanks, I created a duplicate of the test page because there were errors coming from other elements and I wanted to isolate the background video.
I changed the background video to the self hosted link on this new test page and as you can see it is playing too large, but when I test the same link on my test page it is the correct size.Then I noticed that you had a hr whitespace in the color section set to 1400px, I removed this and now your video is playing correctly like mine.
Please note that with the color sections you can use the min-height setting instead of adding a hr with height.Best regards,
MikeHey Jürgen,
Thank you for your patience, I found a comment about this in our issues report but it is unclear if it has been resolved yet.
I asked the Dev Team for advice and will write back when I hear from them, thank you for your patience.Best regards,
MikeHey Timo,
Thank you for the link to your site, it looks like your plugin Advanced Editor Tools is giving an error, but I also note that you have other backend plugins and a role editor which has been known to cause issues.
Try disabling all of your plugins, and then try editing your page again. If that resolves the issue, reactivate each one individually until you find the conflict.
If this doesn’t help then leave all of your plugins disabled and let us know and we will investigate further.Best regards,
MikeHi,
Perhaps you have a conflict from another plugin, try disabling all of your plugins and checking again.
We are limited to support for third-party plugins, so I can’t try to debug this plugin for you, try asking the plugin author for advise.Best regards,
MikeHi,
On my test page I added two more buttons with the URLs #open-popup3 and #open-popup2

and adjusted the code blocks to match:

and they work correctly:

try checking your code again.Best regards,
MikeHi,
I’m not sure that I understand your question.
Earlier I thought that you wanted to deactivate the Enfold cookie banner, and now it is, correct?Best regards,
MikeHey ballindigital,
Thank you for the link to your site, when I check your page on my desktop the height of the elements are the same and so the buttons are lined up, but I believe that your screen size is smaller, so we need to set the height of the elements at certain screen sizes when the content length causes the text to wrap into a new line. I see you are using three grid rows with two cells each, and in each is a image, special heading, text block and a button. So we need to set the height for all special headings and text blocks to the same.
Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function grid_row_special_headings_and_text_blocks_equal_heights() { ?> <script> (function($){ var width = $(window).width(); if (width > 767) { $('.page-id-3083 .av-layout-grid-container').each(function(){ var $specialHeading = $('.flex_cell .av-special-heading-tag',this); var $textBlock = $('.flex_cell .av_textblock_section p',this); var specialHeadingHeight = Math.max.apply(Math, $specialHeading.map(function(){ return $(this).height(); }).get()); var textBlockHeight = Math.max.apply(Math, $textBlock.map(function(){ return $(this).height(); }).get()); $specialHeading.height(specialHeadingHeight); $textBlock.height(textBlockHeight); }); } else {} })(jQuery); </script> <?php } add_action( 'wp_footer', 'grid_row_special_headings_and_text_blocks_equal_heights', 99 );Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Best regards,
MikeHey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:@media only screen and (max-width: 767px) { .responsive #top #wrap_all #footer .container { display: flex; flex-wrap: wrap; justify-content: space-between; width: 90%; max-width: 90%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child { width: calc(50%); clear: none; } .responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle { width: 98%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle { width: 100%; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a { padding-right: 0; } .responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) { text-align: right; width: calc(50%); } .responsive #top #wrap_all #footer .flex_column.av_one_third:last-child { width: 100%; text-align: center; } .wpcf7 .wpcf7-spinner { display: none; } }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 schweg33,
The Portfolio Grid element doesn’t offer a gap setting, like the Masonry element does:

I would recommend using this and the built-in gap options to reduce possible errors for certain screen sizes.
Or you could try this css:#av-sc-portfolio-1 .grid-entry .inner-entry { margin-right: 4px; }Best regards,
MikeHi,
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,
MikeHi,
To enable a button to open the popup, add a button to your page and set the link URL to #open-popup:

then go to Advanced ▸ Developer Settings and add the custom class open-popup-button:

then update the popup script in your child theme functions.php to this:function magnific_popup_with_no_scroll_and_button() { ?> <script> (function($) { $(window).on('load', function(){ $('.open-popup-button a').addClass('open-popup-link'); $('.open-popup-link').addClass('no-scroll'); $('.open-popup-link').magnificPopup({ type:'inline', midClick: true, callbacks: { beforeOpen: function () { $('body').css("overflow-y", "hidden"); }, close: function() { $('body').css("overflow-y", "auto"); }, }, }); }); })(jQuery); </script> <?php } add_action( 'wp_footer', 'magnific_popup_with_no_scroll_and_button', 99 );then you can use both text links and buttons for your popup like in the example:


Best regards,
MikeHi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-post-nav:hover .entry-info-wrap { width: auto; } #top .avia-post-nav .entry-info { width: auto; }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,
As for the popup styling, it looks like I made an error in the snippet above, please change the popup code to this:<div id="open-popup" class="popup mfp-hide"> <p>PLACE CONTENT HERE</p> </div>so the css will work correctly, I adjusted the code above.
On your page it looks like you added the code block element after the grid row, so a new section was created, this space is not the code block it self, it has a height of zero. So try adding the code block in the grid row under the contact form.
Or you can add this css:#after_grid_row_4 { display: none; }Best regards,
MikeHey schweg33,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:#top .avia-post-nav .entry-image { display: none; } #top .avia-post-nav .entry-info-wrap { text-align: center; }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,
Thanks for the feedback, but I checked your page on Windows in Chrome, Firefox, & Edge and Mac in Safari, Chrome, Firefox
and all showed the sub-menu “Mariage” aligned below the parent menu item like this:

I’m not sure why you would be seeing this, are you using an iPad? please post your screen resolution to see if this only occurs at a specific size. I did check a few random sizes but was not able to reproduce your screenshot.Best regards,
MikeHi,
Check that you are not missing bracket in your css, otherwise remove the css you added and then copy again carefully from the forum and not an email notification so the symbols are not converted and try adding again, or add it to your WordPress ▸ Customize ▸ Additional CSSBest regards,
MikeHi,
Try disabling Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enabling Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files, then clear your server cache, then check again.
Then once these old files are removed you can enable the above again, I don’t think this setting will resolve old files, only the new ones.
Otherwise try the other option in the dropdown: Disable unique timestamps onlyBest regards,
Mike -
AuthorPosts




