Das ist richtig der Support ist gut und schnell und die Leute haben ja total viel zu tun, wenn man nur mal die Supportseite bei Enfold aktualisiert dann findet man alle 2 min einen neuen Thread. Will mal nicht meckern, alles top Leute hier :)
I have created a masonry with several images that represent the cover of a brochure. Upon selecting (clicking on) the image I don’t want the image to be opened in a lightbox but to open a PDF file. I use the Real3D Flipbook plugin for this.
I am able to use the provided shortcode on the Masonry itself but then clicking on an image will always open the same PDF file. How can I set the shortcode on an individual image within the masonry?
The creator of the Real3D Flipbook plugin provided me with this: “add custom css class to each image, either from the admin or with some javascript code”.
Does any know how can achieve this or how to use javascript for this? (I am newbie….)
Related to my question I came across another topic talking about the same thing () and tried that code but am not sure where I can then put the custom css on an individual image.
Hi,
in this page http://www.pinkatmosphere.com/mediaset-premium-sport/ I have on the top of the page a “full with easy slider” 1500×1500. The problem is that the white dots to change the slides, are upon the player bar of the videos, so I need to move further up the dots with css.
I tryed by myself with no results.
Can you help me please?
Thanks,
Rosa
HI Andy
I still the problem.
here;s another screenshot.
http://screencast.com/t/5pm5xvOw
A show on the top player here – I still have the problem with the black line. when I press the play button – then there is also the secondary problem that you also show on your screenshot in the second player from left – i.e. the total timecode collapses back so its next to the current time code – so you cannot see the progress bar. You can see this problem on my screenshot on the bottom player.
In safari it seems to work fine. so it seems to be just issues with the chrome browser.
regards
Pete
Hi.
Sorry to intrude, I’m new here, not sure if I’m suppose to start a new topic, but we have the same problem, out of the blue, the builder is not loading. We did not modified anything, we were just viewing the pages created by importing one of your demo templates, to learn how to use the builder. WordPress and the Enfold theme were updated two weeks before, and the builder was working until yesterday.
WordPress 4.6.1
Enfold 3.7.1
no plugins, no other themes – this is a fresh install
Here is a screenshot with the javascript errors from the Chrome console:
http://novastig.com/screenshots/avia_layout_builder_not_loading.jpg
Many other buttons on the page are not working after this happens, like the switch to Default Editor, Edit slug button, Screen Options setting link or the Help link, probably due to the fact that the rest of the javascripts are not loading ?…
Hi jamemo!
Pleasse add following code to Quick CSS in Enfold theme options under General Styling tab
@media only screen and (max-width: 767px) {
#top #wrap_all .av_header_transparency {
background: transparent;
position: absolute!important;
}}
Cheers!
Yigit
Hallo Enfold Team,
I have a question concerning the link in the private content: The desktop view has a transparent header. If I scoll down, a white bar over the logo and the menu shows up – that’s perfect. I would like to have it exactly the same for the mobile view. There is now just a white bar behind the logo – and the green graphic is down below.
Can you help me please?
By the way, a really great theme!!
King regards,
Great theme.
Anyway, I’m using cf7. On the page I’m editing at the moment (localhost) I have a colour section at top, with a 3/5 and 2/5 container inside. Both contain text boxes. In the 2/5 which sits to the right of the 3/5 I have the CF7 shortcode in the textbox. The cf7 form is two columns. When the screen reaches 480px or less I want the columns to become one as two columns are to small for the placeholder text to be visible.
It works fine when the 2/5 section (with the cf7 form in) drops below the 3/5 section but doesn’t respond until then, even when the form is well under 480px, so just stays as a two column form. I’ve tried the below and other various combinations but can’t get it to work. Any ideas please? Thanks.
@media only screen and (min-width: 480px) {
#top .col-half {
width: 50% !important;
}
}
-
This topic was modified 9 years, 6 months ago by
alibear11.
Hi,
I get “Page not found” error when trying to open link you’ve provided. Quite difficult to see what you want to achieve. Can you show us about which color section you are talking about please? screenshots would help. Basically you need to hide the fallback image on mobile and instead display a normal “Video” element from ALB. This video element you need to hide on desktop of course, so it will only be displayed on mobile.
I hope this helps.
Best regards,
Andy
Hi,
Can you please post admin logins here privately as well? Otherwise, it will take longer to troubleshoot the issue as i can only reproduce the issue on my iphone and not on desktop when i resize browser window.
Best regards,
Yigit
Hi,
Sorry, i wrote the wrong files. Please copy enfold/includes/error404.php file to your child theme in the same path and comment out following lines
<?php
if(isset($_GET['post_type']) && $_GET['post_type'] == 'product' && function_exists('get_product_search_form'))
{
get_product_search_form();
}
else
{
get_search_form();
}
?>
<div class='hr_invisible'></div>
<section class="404_recommendation"><?php _e('For best search results, mind the following suggestions:', 'avia_framework'); ?>
<ul class='borderlist-not'>
<li><?php _e('Always double check your spelling.', 'avia_framework'); ?></li>
<li><?php _e('Try similar keywords, for example: tablet instead of laptop.', 'avia_framework'); ?></li>
<li><?php _e('Try using more than one keyword.', 'avia_framework'); ?></li>
</ul>
<div class='hr_invisible'></div>
<h3 class=''><?php _e('Feel like browsing some posts instead?', 'avia_framework'); ?></h3>
<?php
the_widget('avia_combo_widget', 'error404widget', array('widget_id'=>'404',
'before_widget' => '
<div class="widget avia_combo_widget">',
'after_widget' => '</div>
',
'before_title' => '
<h3 class="widgettitle">',
'after_title' => '</h3>
'
));
do_action('ava_after_content', '', 'error404');
?>
</section>
Best regards,
Yigit
Hi,
try this code inside Quick CSS field:
.avia-caption-title {
margin-top: 295px !important;
}
Best regards,
Andy
Hi Andy,
yes, sorry, there is a shadow but not the one I like to have. As mentioned at the beginning of this topic I want both sides of the shadow bended like Effect 2 from here https://paulund.co.uk/learn-css-box-shadow .
Thanks for your patience.
Regards
Heres the strange thing I changed the font to default and on my computer running windows 8 IE 11 the site (a few hours later) now shows up normally. The site however, does not show up on the clients Windows 10 IE 11 desktop nor on their laptop. Also, you cant see it as well from what you wrote above. I have loaded the site onto another hosting company and they still cant see it (I linked it). So the site with another hosting company still doesn’t show up.
Thanks for your help.
Best Enfold ,
I would like to show the search icon in the topbar menu. So far, I have a working shortcode which shows both the search icon as the form. However, I would only search icon will show as in the desktop view. By clicking on the search icon should be like in the desktop display the form to be visible.
Is it possible to shortcode so to adjust that only the Search icon is displayed?
I am aware that search icon can also be displayed in the mobile view of a CSS script, but I get the search icon in the wrong place at the forefront of the topbar. If possible, I prefer to use a shortcode. Please let me know if this is possible .
Shortcode function:
add_shortcode('avia_search', 'get_search_form');
function add_custom_tooltip(){
?>
<script>
jQuery(window).load(function(){
jQuery('.only-mobile-menu-search a').removeAttr('href');
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_tooltip');

Hi,
Kriesi has been notified about this thread but he’s always a little busy so it might take a while before he can respond. For now, please request the feature here: https://kriesi.at/support/topic/enfold-feature-requests/
Best regards,
Ismael
Hey Workoutgalaxy!
Thank you for using Enfold.
1.) Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) {
#top #wrap_all .av-inherit-size .av-special-heading-tag {
font-size: 0.6em !important;
}
}
2.) What do you mean by “strange” ? A screenshot will help.
Cheers!
Ismael
Hi nullhorn!
Thank you for the screenshot.
Please set the Element Captions > Element Title and Excerpt Styling to “Display as centered overlay”. Add this code in the Quick CSS field:
#top .av-caption-style-overlay .av-masonry-item-with-image .av-inner-masonry-content {
background: transparent;
}
#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
background: #ffffff;
color: orange;
padding: 10px 0;
}
Best regards,
Ismael
Never mind. I narrowed it down to a plugin. Thanks.
-
This topic was modified 9 years, 6 months ago by
EricMarks.
Hi,
Ok, great. We’ll keep the thread open in case you should have any further problems on the topic.
Best regards,
Rikard
Hey Nancy,
I don’t think that would work unfortunately, but I’m not sure what you intention with the image map would be, is it only to include links? If so I would try to add the text with headers instead or adding them directly to the graphics. If I have misunderstood you then please try to explain a bit further.
Off topic: I would be interested in seeing the documentary, is it available anywhere online?
Regards,
Rikard
Hey Rico008,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
@media only screen and (max-width: 767px){
.responsive #top #wrap_all .flex_column{
margin-bottom: 0px !important;
}
}
Best regards,
Jordan
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.page-id-2 h1.main-title.entry-title {
display: none;
}
main.template-page.content.av-content-small.alpha.units {
padding-top: 0px !important;
margin-top: -20px !important;
}
Best regards,
Jordan
Hey gb,
Thanks for reaching out to us!
Before consider reverting to a previous version of your site, allow us to see if we can be able to offer assistance. I replied to your post here – https://kriesi.at/support/topic/help-was-adding-a-page-to-the-menu-and-all-went-crazy/#post-687208
Please respond providing login credentials so that we can have a closer look.
Best regards,
Jordan
I need an update to this original post – https://kriesi.at/support/topic/video-lightbox-size/#post-686693
You can do that with a quick css modification. Please add this in the Quick CSS field:
.mfp-iframe-holder .mfp-content {
max-width: 1280px;
height: 720px;
}
I need the CSS to be applied only to some videos NOT SITEWIDE, because some are smaller and being incorrectly enlarged now. How can I do this? Can I use a custom ID?
Thank you for your help!
-
This topic was modified 9 years, 6 months ago by
raylay.
Hi,
Sorry for the delay, Please retain the previous code and add this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top #header.av_minimal_header #menu-item-2111 .avia_mega_div {
left:auto!important;
right:0!important;
}
If you do not see the result after adding this code The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.
Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

I’m not sure why it went blank try to update it from the theme. If you do not see the update options in the theme please go to Dashboard > Updates > Check manually and wait for wordpress page to show the result with the new themes and plugins. If you still do not see Enfold Please try this plugin to clear WordPress transients if you do not receive auto updates and make sure your API key is correct: https://wordpress.org/plugins/artiss-transient-cleaner/.
If it does not help, I am afraid you might need to update the theme manually – http://kriesi.at/documentation/enfold/updating-your-theme-files/
Unfortunately not all Server environments are able to make use of the auto update feature provided by ThemeForest :/
Best regards,
Vinay
gbParticipant
Please have a look:
For some reason after simply adding a page to the site via the Menus and updating, Page Links are showing up from top to bottom of the entire page. I do not even see the Nav bar anymore?
Anyone have a clue what happened?
How do I fix this nightmare?
Thanks,
GB
On my site, the mobile menu sits off the right side of the site and is visible if you swipe or drag the page over. If I click the menu icon, the mobile menu shows and and then, if I click the close icon, it disappears and is no longer visible off the right side of the site. It’s almost like when the page is first loaded, the menu position is correct, but the visibility is not correct.
I can reproduce the issue on iDevices, Fire tablet, and Chrome developer tools.
Please use the URL to below to see an example of the issue.
Thank you
EDIT: I read https://kriesi.at/support/topic/menu-in-mobile-view-2/, but that doesn’t seem to fix the issue for me. FYI – I am using the latest versions of WordPress and Enfold.
-
This topic was modified 9 years, 6 months ago by
paepke19.