Forum Replies Created
-
Posts
-
if you like to center all – even the input fields you can integrate on the function
#login * { text-align: center !important }so :
function my_login_logo() { ?> <style type="text/css"> body.login div#login h1 a { margin-left: -99px; } #login * { text-align: center !important } </style> <?php } add_action( 'login_enqueue_scripts', 'my_login_logo' );by the way – the link to documentation on this is: https://kriesi.at/documentation/enfold/blog-post/#how-to-add-an-orderorderby-option-to-the-blogpost-sliderportfoliomasonry-grid-element
Well i do not see your page – must be a link in private area – but there are some snippets to have on each Gallery or Masonry Blog an input to have the choice how it is sorted:
this comes to child-theme functions.php
if(!function_exists('avia_custom_query_extension')) { function avia_custom_query_extension($query, $params) { global $avia_config; if(!empty($avia_config['avia_custom_query_options']['order'])) { $query['order'] = $avia_config['avia_custom_query_options']['order']; } if(!empty($avia_config['avia_custom_query_options']['orderby'])) { $query['orderby'] = $avia_config['avia_custom_query_options']['orderby']; } unset($avia_config['avia_custom_query_options']); return $query; } add_filter('avia_masonry_entries_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_grid_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_post_slide_query', 'avia_custom_query_extension', 10, 2); add_filter('avia_blog_post_query', 'avia_custom_query_extension', 10, 2); add_filter('avf_magazine_entries_query', 'avia_custom_query_extension', 10, 2); add_filter('avf_template_builder_shortcode_elements','avia_custom_query_options', 10, 1); function avia_custom_query_options($elements) { $allowed_elements = array('av_blog','av_masonry_entries','av_postslider','av_portfolio','av_magazine'); if(isset($_POST['params']['allowed']) && in_array($_POST['params']['allowed'], $allowed_elements)) { $elements[] = array( "name" => __("Custom Query Orderby",'avia_framework' ), "desc" => __("Set a custom query orderby value",'avia_framework' ), "id" => "orderby", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Title', 'avia_framework' ) =>'title', __('Random', 'avia_framework' ) =>'rand', __('Date', 'avia_framework' ) =>'date', __('Author', 'avia_framework' ) =>'author', __('Name (Post Slug)', 'avia_framework' ) =>'name', __('Modified', 'avia_framework' ) =>'modified', __('Comment Count', 'avia_framework' ) =>'comment_count', __('Page Order', 'avia_framework' ) =>'menu_order') ); $elements[] = array( "name" => __("Custom Query Order",'avia_framework' ), "desc" => __("Set a custom query order",'avia_framework' ), "id" => "order", "type" => "select", "std" => "", "subtype" => array( __('Default Order', 'avia_framework' ) =>'', __('Ascending Order', 'avia_framework' ) =>'ASC', __('Descending Order', 'avia_framework' ) =>'DESC')); } return $elements; } add_filter('avf_template_builder_shortcode_meta', 'avia_custom_query_add_query_params_to_config', 10, 4); function avia_custom_query_add_query_params_to_config($meta, $atts, $content, $shortcodename) { global $avia_config; if(empty($avia_config['avia_custom_query_options'])) $avia_config['avia_custom_query_options'] = array(); if(!empty($atts['order'])) { $avia_config['avia_custom_query_options']['order'] = $atts['order']; } if(!empty($atts['orderby'])) { $avia_config['avia_custom_query_options']['orderby'] = $atts['orderby']; } return $meta; } }If you like to have it sorted manually – you can sort it on dashboard – portfolio items – list view by drag and drop through this old but working plugin:
https://wordpress.org/plugins/intuitive-custom-post-order/til now i have these two things in my child-theme funtions.php for having my own logo on the login page:
function custom_login_logo() { echo '<style type="text/css"> h1 a { background-image:url(/wp-content/uploads/logo.png) !important; background-size: contain !important; height: 100px !important; width: 300px !important; } </style>'; } add_action('login_head', 'custom_login_logo'); add_filter( 'login_headerurl', 'custom_loginlogo_url' ); function custom_loginlogo_url($url) { return 'https://url...'; }the last one is for having a custom link target
but the function above seems to be a better way
well i guess he means something like this: http://www.nytimes.com/projects/2012/snow-fall/index.html#/?part=tunnel-creek
which shows different backgrounds or images depending on the scrolling position. These graphic elements then underline the content of the written word.In this case you should get familiar with the Greensock Javascript – which is in a small part included in advanced Layerslider Plugin.
https://oceanschool.nfb.ca/
you can see here some examples: https://greensock.com/examples-showcases
but to implement that into a wordpress page will be hard work i guess.to change the logo on screen width dependencies you can do it via child-theme functions.php:
function change_logo_for_smaller_screens(){ ?> <script> (function($){ if ($(window).width() < 1025) { $(".logo img").attr("src", "http://kriesi.at/wp-content/themes/kriesi/images/logo.png");} })(jQuery); </script> <?php } add_action('wp_footer', 'change_logo_for_smaller_screens');if you only want it on load function (not on resize) you can set the window.load function to it
Edit : oh sorry i misunderstood your question i see now
you can place in the menu an additional Home Menu point.
On top right postion of the menu dialog – there is a slideout . You can mark some things in Addition to the normal shown points like css classes.
Put in the field navigation label instead of home f.e.:<img src="https://home.url/wp-content/uploads/2018/04/webers-webdesign.png" alt="Home" />
click to enlarge:
with a custom class here you can manage it that this home link is only shown on hamburger menu and not on desktop menu. And vice versa the home link without the image only is shown on desktop menuBy the way on that link : https://webers-testseite.de/cynthia/ you can see it in action – and some other logo heading customizations.
you can see here the influence of the divisors – and for new outsourced file the child-theme functions.php entry here: https://kriesi.at/support/topic/shrinking-of-header-amount-an-info/#post-963107
the lines to edit are now ( Enfold 4.5.1.) on 64 and 76
if you like to have the shrink effect on mobiles too: edit 62 and get rid of : && !isMobileTo all participants like me : do alway update your themes ( at least the main updates ) via clean upload. I have never had such big problems on doing that. I never updated via dashboard.
- Update via ftp.
- Rename the downloaded newest version to enfold-new
- Upload that enfold-new folder to the themes folder
- Rename your enfold folder to f.e. enfold-old
- Rename your enfold-new folder to enfold
- Check if all your existing settings work to your full satisfaction. Yes – then stop here
- No – delete or rename back the enfold folder back to enfold-new
- rename the enfold-old folder back to enfold
Those existing pages all work on frontend. If you need to edit an existing page first update it then edit – thats all.
So no need to do it for all existing pages only for those you like to edit.hm – maybe you should look to your post to see : https://kriesi.at/support/topic/wordpress-5-0-enfold-4-5-1-alb-problems-loading-elements/#post-1041951
Look to the bold on bottom
open existing Enfold ALB Pages – first update the page – then your conent is working as before and can be edited
i guess you are right. on my webers-testseite.de there are too many customizations i guess. My child-theme functions.php has over 1500lines –
But on a fresh WP5 / Enfold 4.5.1 this little code does not work as it should too.
https://webers-testseite.de/ostler/first-wp-5-page/Anyway – forget it and close that thing here
Edit : It had to be a combination of shifting the container and after all adding the class – it does not work without window load function but -the shifting a had to be outside that rule:
function fix_for_tablesorter(){ ?> <script> (function($){ $('.tablesorter tr.avia-heading-row').wrap( '<thead class="sort-able"></thead>' ); $('thead.sort-able').insertBefore( '.tablesorter tbody' ); $(window).load(function(){ $('th[aria-label*="Dat"]').addClass('dateFormat-ddmmyyyy'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'fix_for_tablesorter');Yes – it seems that the whole Enfold Shortcode Stuff is in the textfield. If you goto text view you see this:
_____________
Edit: if you first – when you open an existing Enfold ALB Page goto “Save” : “Update” Button on the right top side – then the page will be as it should be – and the image of text-block element would not be this way above:
you can simulate on some browsers the mobile devices. F.e. Firefox with alt+cmd+M and then choose a device you like to look for. Refresh Browserwindow then and look.
and you look to your site on a mobile device?
so – best will be to see your site.
If you could not make it public – post it in private area – and wait til mods are here.if it is one post only look to source code – the pages/post goes as class to the body (#top) tag.
f.e.: .postid-33645 etc.avia_mobile .single-post #header, .avia_mobile .single-post #footer, .avia_mobile .single-post #socket { display: none; } .avia_mobile #top.single-post #wrap_all #main { padding-top: 0 !important; } .avia_mobile .single-post .sidebar { visibility: hidden; border-left: none !important; } .avia_mobile .single-post #main .content { border-right: none !important; width: 100%; }you can use in that case only css because Enfold uses for mobile devices a class on html : avia_mobile
can you please try this in quick css and change the page id to yours wanted.
Think of refreshing cache and refresh merged files on Enfold.avia_mobile .page-id-33662 #header, .avia_mobile .page-id-33662 #footer, .avia_mobile .page-id-33662 #socket { display: none; } .avia_mobile #top.page-id-33662 #wrap_all #main { padding-top: 0 !important; } .avia_mobile .page-id-33662 .sidebar { visibility: hidden; border-left: none !important; } .avia_mobile .page-id-33662 #main .content { border-right: none !important; width: 100%; }it is allways nice to have a life link on that. Then we can create the css as you like. Is it a shrinking header? etc. pp
if it is a shrinking header the line-height of the menu link is calculated from enfold – then solution will be a bit more complicated.If not – you can try this ( reflecting 180px height):
.main_menu ul:first-child > li a { line-height: 140px; }Some minor Updates to Enfold 4.5.1 see new downloads on link https://webers-testseite.de/edited-enfold-alb-elements/
only on slideshow_fullsize.php there is a little change – and on the av-helper-slideshow.php
but – guess it is better to download all 4 fileshm – maybe a little jQuery could help.
We had to set the min-height of the wrap_all container to the header hight.Can you try this in child-theme functions.php :
function set_wrap_all_height(){ ?> <script type="text/javascript"> (function($) { $(window).load(function() { var headerH = $('#header').outerHeight(); $('#wrap_all').css({ "min-height": headerH, }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'set_wrap_all_height');but there is a little time-shift till it works – so maybe a DOM Method will be more effective.
by the way if that script does not work in that manner you like.
You can add to all li.whr-item a the attribute in that manner:function your_custom_script(){ ?> <script> (function($){ $(window).load(function(){ $('li.whr-item a').attr('target','_blank'); })(jQuery); </script> <?php } add_action('wp_footer', 'your_custom_script');PS: the wonderful documentation is always worth a look.
https://kriesi.at/documentation/enfold/add-custom-js-or-php-script/
i can not proove your function but embedding it in child-theme you can do it this way:
function your_custom_script(){ ?> <script> (function($){ $(document).on('click', 'li.whr-item a', function(e) { e.preventDefault(); window.open(this.href, '_blank'); }); })(jQuery); </script> <?php } add_action('wp_footer', 'your_custom_script');you can give any name to your custom function – but it has to be identical with the name in the add_action section
use underscore as separation for wordssorry for late reply – just worked hard the days before every chistmas time ( customers get buisy in this time)
my code corresponds to the plugin needs – so maybe the shift of containers is responsible for that.
document ready or window load does not do anything on that code – even if i make an own function for that add class rule:function add_thead_tag(){ ?> <script> (function($){ $( '.tablesorter tr.avia-heading-row' ).wrap( '<thead class="sort-able"></thead>' ); $( 'thead.sort-able' ).insertBefore( '.tablesorter tbody' ); $( 'th[aria-label*="Datum"]').addClass('dateFormat-ddmmyyyy' ); })(jQuery); </script> <?php } add_action('wp_footer', 'add_thead_tag');the first lines are needed to have the needed structure for that little plugin.
on Enfold the table design is like this – and that is normal structure of a table – but that plugin needs the heading in a special container outside the tbody:<table> <tbody> <tr> <td>heading1</td> <td>heading2</td> </tr> <tr> <td>1</td> <td>2</td> </tr> <tr> <td>3</td> <td>4</td> </tr> <tr> <td>5</td> <td>6</td> </tr> </tbody> </table>PS: it is not so important – i can select it in a different way – but i do not understand why it does not work in this way.
so that is the reason why i wrote on that tut:
so all you have to do is to create a folder called : „shortcodes“ in your child-theme folder
and upload the downloaded files to that folder
the code that ismael gave you then makes sure that instead of the original elements they are taken.
In general, you only have to replace 1:1. The sliders, however, have a central element, which additionally influences all sliders.
But editing av-helper-slideshow.php these changes also require the new input fields for heading tag in all three sliders, so you can only replace them in the package.PS: using a child-theme is best practice for wordpress – with very few exceptions it is unnecessary to use a child theme. The advantages of using a child theme are great and help you to make minor changes yourself and these changes will not be lost on next parent update.
You see that the child-themes folder of enfold should be a sibling to it ( see folder structure above)Enfold got a few features to help you to switch to a child-theme. Beginning with a predefined child-theme ( with at startup an empty child-theme functions.php ).. The functions.php file is a unique file-type in WordPress – because the existance of a child-theme functions.php does not replace the parent file but it adds new content to the existing parent functions.php. ( F.e. the header.php in child-themes folder will completely replace the original parent file).
After uploading the unzipped child-theme folder to your installation ( bit.ly/enfold-child )
go first to the enfold dialog : Import/Export – it will be a good advice to have a copy of the parent settings file. After that you can activate the child-theme on Appearance/Themes.
Now you got on the dashboard : Enfold Child Options – go to import/export and choose : Import Settings from your Parent Theme
on common this will be the trick.By the way – i think performance does not correlate in a direct way to expires.c
this is a bad ranking factor on gtmetrix or pingdom tools – yes – but it does not decelerate your site.there must be other factors – or you just didn’t express yourself precisely enough upstairs in the intro topic.
Is it the site of your avatar link ?don’t know if it is neccessary to set the “timeout” with a plus – my entries concerning to expires header are:
# Browsercache <IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 month" ExpiresByType text/css "access plus 1 month" ExpiresByType text/javascript "access plus 1 month" ExpiresByType text/html "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" ExpiresByType application/x-javascript "access plus 1 month" ExpiresByType application/x-font-ttf "access plus 1 month" ExpiresByType application/x-font-woff "access plus 1 month" ExpiresByType application/x-woff "access plus 1 month" ExpiresByType application/xhtml-xml "access plus 600 seconds" ExpiresByType application/pdf "access 1 month" ExpiresByType image/gif "access plus 1 month" ExpiresByType image/jpg "access plus 1 month" ExpiresByType image/jpeg "access plus 1 month" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/svg "access plus 1 year“ ExpiresByType image/png "access plus 1 month" ExpiresByType image/x-icon "access plus 1 month" </IfModule>
