Dear Ismael,

(…) or post the suggestions/improvements directly in the forum.

and what I have been doing past 2 months?!

I am sorry I am out of my patience. I am frustrated and disappointed about Enfold. It is very unprofessional product.

Please close this topic.

Best regards,
MD

Dear Ismael,
The definition of yours are already in the ‘style.css’ and still I am able to get the seach icon to get stuck.

Best regards,
MD

Dear Ismael,
You have the detailed explanation in the first post … “window with shortcode properties” is also explained there …

Best regards,
MD

Dear Ismael,
Answering your questions

1.) Why are you limiting user? It should be up to the user to chose the values and all the function code should be written in a way that it should be general and NOT specific to settings.

3.) You already know (you replied) about which issue I am talk about.

Best regards,
MD

Dear Ismael,
Thank you for your help. It is default installation of enfold as you could see which means there is a problem in the theme.

Now the “search” icon is moving … and I just managed to make it stuck as shown in my first post.

Best regards,
MD

• This reply was modified 7 years, 2 months ago by midudek1.

Dear Ismael,
You have the login details in the first post. The JS you will see in the function.php.

Best regards,
MD

Dear Ismael,
Thank you for your help.

No, it does NOT have custom values / fields. It also does NOT have any custom scripts. The is just one JS function in ‘functions.php’ which is responsible for hiding the logo … but it is very simple and it does not affect anything else but logo. You can look at it in the WP editor which I have enabled for that purpose so you can see everything.

Child theme files:

functions.php
screenshot.png
single.php
style.css

The “slimstat” is quite popular plugin for site statistics
https://wordpress.org/plugins/wp-slimstat/

Best regards,
MD

• This reply was modified 7 years, 2 months ago by midudek1.

Dear Ismael,
There are plenty of flaws in the theme unfortunately …

1.) try to use the shrinking menu with custom header size 60px … the shrinking will not work and source code has to be changed (no to mention comment is not valid with the actual source code) … but even when you change the code the shrinking animation is not written in a general manner so it will animate it wrongly that is why I pasted code above
2.) image with hot spots does not work with default WP editor
3.) shortcodes behavior is not consistent

etc etc if you are interested in details just read my current open threads.

Best regards,
MD

Dear Nikko,
Sorry for the late reply.

You can reproduce it with following steps:
1.) open the page using desktop machine
2.) go to the bottom of the page
3.) minimize the window so the mobile version will kick in
4.) go to top of the page

Please take into account that not every time the behavior will be reproduced. Please use the desktop browser with minimized window. You will notice that the burger menu is moving when scrolling. I would like to disable that when the size of the screen is less than 767px.

Best regards,
MD

Dear Basilis,
Thank you for your reply.

Yes, I have tested the code provided by Yigit and it works … but that
is a bit of a workaround.

I should be understood why the shortcodes with THE SAME style behave
differently and this should be fixed.

Best regards,
MD

Dear Ismael,
Thank you for your reply and help.

I did not try the previous solution because you stated that “it creates
a lot of errors in the page”. I do not want that.

From the commercial product I expect much more and what I can see after
buying Enfold is that for many things there are no real fixed but
workarounds all the time. Some features work only is “specific” cases
(1) for others you need to do nasty hacks (2), in some cases Enfold is
breaking compatibility with important plugins (3) and now I have learned
that some core functionalities ((4) — this topic) are disabled on
purpose because the problem was not fixed … again only workaround is
available … that is really disappointing.

(1) https://kriesi.at/support/topic/image-with-hotspots-does-not-work-with-default-wordpress-editor/
(2) https://kriesi.at/support/topic/layerslider-on-every-blog-post/
(3) https://kriesi.at/support/topic/advance-layout-editor-is-breaking-syntax-highlight/
(4) https://kriesi.at/support/topic/layerslider-on-every-blog-post/

Eventually I managed to do what I wanted, you can close this topic.

Thank you for your help and support … in all of my complains I really
appreciate it and I think you react very fast.

Best regards,
MD

Dear Nikko,
Thank you for your reply!

In that case what should I do if I want to use in the same web page “image with hotspots” which works only with ALB and “syntax highlighter” with does NOT work with ALB?

Best regards,
MD

Dear Yigit,
Thank you very much it works.

The thing is … it is a workaround and not really a fix of a problem.

1.) why the texts from the screen shots have different sizes?
2.) why h3 from the shortcodes above looks different from the h3 used in the text shortcode?

Don’t you think this should be reported to the developers?

Best regards,
MD

Dear Ismael,
Thank you for your help. I have a look at the topic you posted above. It was a bit unclear for me at the beginning but I believe I have found a “nicer” way to include the LayerSlider in every blog post.

For people who are interested, here are the steps:
1.) as I am using child theme … if you don’t, then you need to modify directly the Enfold files … just be aware that after update those modification WILL DISAPPEAR … that is why it is better to use child theme
2.) copy “single.php” to your child directory … name of the file stays the same
3.) copy “header.php” to your child directory and give it a name “header-single.php”
4.) in you child directory create files “layerslider-header.html” and “layerslider-main.html”
5.) edit “single.php” and look for “get_header();” and replace it with “get_header(‘single’);”
6.) edit “header-single.php” and look for “wp_head();” and replace it with

wp_head();
include('layerslider-header.html');

7.) edit again “single.php” and add the following

        <?php include('layerslider-main.html'); ?>
        <div id='after_layer_slider_1' class='main_color av_default_container_wrap container_wrap fullsize'>

BEFORE

<div class='container_wrap container_wrap_first main_color <?php avia_layout_class( 'main' ); ?>'>

and REMEMBER to close the <div> at the end of a file. The end should look like this

                        </div><!--end container-->
                </div><!-- close default .container_wrap element -->
        </div><!-- close 'after_layer_slider_1' -->
<?php get_footer(); ?>

8.) edit “layerslider-header.html” and put the following inside … just REMEMBER to change your domain name from “example.com” to the one you are using

<link rel='stylesheet' id='layerslider-front-css'  href='http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/public/front.css?ver=6.5.1' type='text/css' media='all' />
<link rel='stylesheet' id='layerslider-css'  href='http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/css/layerslider.css?ver=6.5.1' type='text/css' media='all' />
<script type='text/javascript' data-cfasync="false" src='http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/greensock.js?ver=1.19.0'></script>
<script type='text/javascript' data-cfasync="false" src='http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/layerslider.kreaturamedia.jquery.js?ver=6.5.1'></script>
<script type='text/javascript' data-cfasync="false" src='http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/js/layerslider.transitions.js?ver=6.5.1'></script>

9.) now edit “layerslider-main.html” and put the following inside … just REMEMBER to change your domain name from “example.com” to the one you are using

<div id='layer_slider_1' class='avia-layerslider main_color avia-shadow  avia-builder-el-1  el_after_av_textblock  el_before_av_textblock  slider-not-first container_wrap fullsize'    style='height: 157px;' >
<script data-cfasync="false" type="text/javascript">var lsjQuery = jQuery;</script><script data-cfasync="false" type="text/javascript">
lsjQuery(document).ready(function() {
if(typeof lsjQuery.fn.layerSlider == "undefined") {
if( window._layerSlider && window._layerSlider.showNotice) { 
window._layerSlider.showNotice('layerslider_9','jquery');
}
} else {
lsjQuery("#layerslider_9").layerSlider({sliderVersion: '6.5.1', type: 'fullwidth', skin: 'fullwidth', hoverPrevNext: false, navStartStop: false, navButtons: false, showCircleTimer: false, popupWidth: 640, popupHeight: 360, skinsPath: 'http://example.com/wp-content/themes/enfold/config-layerslider/LayerSlider/static/layerslider/skins/'});
}
});
</script>
<div id="layerslider_9" class="ls-wp-container fitvidsignore" style="width:1300px;height:156px;margin:0 auto;margin-bottom: 0px;">
<div class="ls-slide" data-ls="bgcolor:#041c2c;kenburnsscale:1.2;"><img width="1158" height="795" src="http://example.com/wp-content/uploads/images/website/baner.electrical.circuit.png" class="ls-l" alt="" srcset="http://example.com/wp-content/uploads/images/website/baner.electrical.circuit.png 1158w, http://example.com/wp-content/uploads/images/website/baner.electrical.circuit-300x206.png 300w, http://example.com/wp-content/uploads/images/website/baner.electrical.circuit-768x527.png 768w, http://example.com/wp-content/uploads/images/website/baner.electrical.circuit-1030x707.png 1030w, http://example.com/wp-content/uploads/images/website/baner.electrical.circuit-705x484.png 705w, http://example.com/wp-content/uploads/images/website/baner.electrical.circuit-450x309.png 450w" sizes="(max-width: 1158px) 100vw, 1158px" style="top:18px;left:-463px;text-align:initial;font-weight:400;font-style:normal;text-decoration:none;wordwrap:false;opacity:1;mix-blend-mode:normal;" data-ls="fadein:false;clipin:0;transitionout:false;">
</div></div></div>

10.) this workaround works with WP 4.8.1, Enfold 4.1.2 and LayerSlider 6.5.1

In simple words I have copy & pasted the generated LayerSlider code (on other page build with Advanced Layout Editor) and put it in the correct places in <header> and <body> of the single post template.

Hope that descriptions will help some of you … Kriesi has quite a lot of room for improvements here …

Best regards,
MD

• This reply was modified 7 years, 2 months ago by midudek1.