Forum Replies Created
-
Posts
-
Everything is working perfectly. Thank you very much for the response — I understand you guys are inundated with requests and your help is valuable to me filling the gap between what I know and hiring a developer for a small issue, which they usually don’t want to do.
.
Please respond. Last response was 14 July, 8 days ago. Devlopment is at a standstill until I hear from you.
It looks like it is the “Fade-out” effect in the Masonry Element animation that needs opacity change. I don’t klnow if it also has another overlay on hover, but I can get nothing to work and I have tried everything I could find in the support forums plus many more CSS combinations.
Can you tell me how to fix the following:
1. How do I style and change the opacity of the hover overlay with CSS on the default image “fade out” effect with the title and text sliding up from the bottom.
2. How do I fix the issue of the entire masonry element sliding up under the menu bar on certain devices — medium sized tablets and horizontal mobile phones.
3. I cannot seem to center the title and caption text no matter what I try—and I have tried everything in the support forums. I have it set to a left margin at 5% for now, but want to style it centered and it won’t cooperate. Can you show how I can do that in this particular masonry element?
Hi: Thanks for the help. I have deleted the “popup-enabler” script as it is n ow unecessaary with the iFrame working.
I have modified the test page and CSS and it all seems to work across platforms and devices, however the close button has dissappeared. The “X” in the top right corner.
https://dev.blaircomm.us/8-popuptest/
I still cannot get it absolute top, but it’s so close I can live with it. I do need to have some kind of obvious close button for the iFrames.
-
Can you tell me how to reactivate the close button?
And how to style the weight and color of the “X”, or better if I can create a circled “X” to make it more obvious.Some of the CSS is probably superflous, but this works OK:
mfp-iframe-scaler {
width: 100% !important;
max-width: 100% !important;
height: 300vh !important;
max-height: 100vh !important;}
.mfp-iframe-holder .mfp-content {
max-width:90vw !important;
position:relative;
iframe align: center !important;
iframe align:top
top:0px;
bottom:opx;
left:0;
right:0;
margin: 0px;
padding: 0px;
overflow-y: auto;
overflow-x: auto;
}.mfp-bg {
background-color:#000000 !important;
opacity: 0.1;
}Thank you.
— Michael
To follow up, the shortcode as above is incompatible with the Enfold Advanced Layout Builder. As that is how the whole site is built, it won’t work. The PHP is from – https://gist.github.com/HuxburyQuinn/85af6bdf043bdfceb1f9e754abc59987
The shortcode does this and I can load a page into the popup, but it is incompatible with the Advanced Layout Builder and will not work as a button or image link. Here is a test page — https://dev.blaircomm.us/6194-2/ – click the link “creative.”
I want the same inline popup style triggered by a button and an image, see – https://www.behance.net – how they show portfolios in an inline popup triggered by an image. This is to create a portfolio page style by clicking on the image from the main page, then loading the pop-up window in which more detailed information is shown as a scrolling popup window. As I said, the shotcode does this but is unworkable as an image link and within the Advanced Builder.
I have gone over other posts where it looks like this can be done, but don’t see a comprehensive post with all the steps/code that I can get to work. I looked at https://www.youtube.com/watch?v=ezR27jB7zL8, but it is from 2018 and I can’t get it to work.
Is there a way this can be done working within the Advanced Layout Builder?
Thank you for the response. Deleting the “header.php” from the child theme breaks the site and makes it dissappear. Instead, I replaced the code in the child’s “header.php” with the main Enfold’s “header.php” and that worked. I can re-add the tracking script with the new code in place.
All is good now!
I just figured it out.
For the new version of Enfold, 4.8.8.1, you have to enable the social icons in the “Header” section of the main header area as suggested. Then add the suggested CSS below:
.main_menu > .social_bookmarks {
visibility: hidden;
}However, the new PHP as on this support page does not work for me: https://kriesi.at/support/topic/adding-social-icons-to-enfold-burger-menu/
This PHP does work perfectly — I am guessing because it appends the icons onto the burger menu instead of adding them as extra elements within the burger menu area:
function custom_burger_social_bookmarks_script() { ?>
<script>
(function($){
$(‘#avia-menu’).one(‘click’, function(){
jQuery(‘ul.social_bookmarks’).clone().wrapInner(‘<div class=”burger_social_bookmarks”/>’).children(0).unwrap().appendTo(‘#av-burger-menu-ul’);
});
})(jQuery);
</script>
<?php
}
add_action(‘wp_footer’, ‘custom_burger_social_bookmarks_script’);Yes, that worked. Thanks for spotting it—I missed it completely.
It was part of the effort to keep the mobile menu fixed at the top of page when scrolling. It no longer is fixed but scrolls out of sight. I have the function selected within the Enfold dashboaerd, but it does not work as expected on this prticular site. Is there a fix? This is the CSS I used in addition to the deleted:
/* —- KEEP MOBILE MENU VISIBLE SCROLL —- */
#advanced_menu_toggle, #advanced_menu_hide {
position: fixed!important;
right: 3%!important;
top: 7%!important;
}/* —- END KEEP MOBILE MENU VISIBLE SCROLL —- */
Yes, I am using a child theme. I don’t see any out-of-place styles or HTML at a glance. It has become very complex due to legal requirements, ad tracking, accessibility, complex real estate software and other added elements.
The scripts shouldnt show as white space. The only thing I see is a DIV set placed by a 3rd party ad tracking firrn to place a pixel in the footer. In my experience with Enfold that adds space whether anything is in it or not.
I will check that, the header.php and test out the plugins and let you know if anything changes.
Thanks.
Hi:
I have removed the password protection. On further tests, it seems to be a Safari issue only. It works fine on Chrome. It also works in Windows all browsers.
I am on a Mac, OS 10.14.6, Safari 13.0.3
If you can get access to a Mac with similar specs, try it again.
Thanks.
I have tested this with ALL plugins disabled. So it is the Enfold feature that is incompatible with the Layer SLider.
I have found the incompatibility while working on CCPA compliance for a client. When the “Enable cookie consent messages” is enabled within the “Privacy and Cookies” area of Enfold’s settings, the layer sliders dissappear. When it is disabled, the sliders reappear. No other options are selected.
I now have the staging site cookies banner disabled.
Can you look at this and see if it can be debugged? I have to set up CCPA compliance for several clients and was going to utilize this banner as a big part of it.
Thank you.
Below are the login credentials so you can check out the non-functioning layersliders and hopefully find a solution.
I now have tried again updating on the staging site. Once again the updated Enfold is incompatible with the layer slider. No server error message, just incompatible with layer slider.
Am I the only lone having this issue? There are many sites using layer sliders and I cnnot update any of them. Do you have any fix?
___________________________________________________
Below are my PHP settings the way they have always been.PHP 7.1.33
PHP Memory Limit: 256M
PHP Post Max Size: 128M
PHP Max Upload Size: 32MI don’t know which” PHP time limit” you are referring to. “max_execution_time” or “max_input_time?” Both are set to `120. There is no option for “no limits” in these settings from mwithin PLESK.But, the site isn’t timing out, it is just incocmpatible with layer slider.
