Forum Replies Created
-
Posts
-
see my edited comment above – proof the quotation marks.
can you show us where do you want to place that code and what do you want to obtain ( i see its the plugin of Marcus Sykes – Login with Ajax) – maybe there is a different option to get what you want – if we know what.
have a look in the surrounding of the line on which part you like to insert that if double or singel quotation marks are necessary.
And ( i think single are ok) have a look if these are real quotation marks ! and not special character marks – because the copy paste result shows me that your quotation marks above (don’t know if this is boardsoft changing) are not normal single quotation marks ! ( Often copying code from board threads these quotation marks are changed because of not to start code. Here on board you can use the code surroundings to avoid that)
<div class='connexion'><?php echo do_shortcode('[login_with_ajax]'); ?> </div>maybe it is more looking cool if you got your logo and nav like on header settings:
header-behavior: Let logo and menu position adapt to browser window. see example page aboveon scrolling the logo does not overlap content on wide screens.
PPS: it works all fine on my end – BUT. maybe a mod nows why on “shock-scrolling” – sudden fast scrolling the effect is not as it wanted ? Does scroll amount counts wrong on this behavior ?
so first of all it is recomended that you are working with a child-theme. LINK
second – remove all your settings concerning to this request1) you uploaded logo is to small – increase the height to f.e. 300px so it has aprox. 650px width.
2) create a js folder in your child-theme folder (by the way it is a fix for shrinking header on ipad etc. (mobile) included)
3) upload the shrink_fix.js to that folder
Content of the shrink_fix.js: pastebin link
some comments are the original one some of them should show you what i changed
4) the line 99 of it is the trick:$(".logo").css("margin-top", "-"+(topbar_height-st_real)+"px" );
– it only works because we set the logo container to overflow: visible ! on quick css
5) to load the new js file goto functions.php of your child-theme :function include_shrink_fix_js_file() { wp_enqueue_script( 'avia-main-child', get_stylesheet_directory_uri().'/js/shrink_fix.js', array('jquery', 'avia-default'), 2, true ); } add_action( 'wp_enqueue_scripts', 'include_shrink_fix_js_file', 100 );6) The quick css code here (some in a media query to save behavior of the logo on small screens (mobile etc.):
.logo, .logo a { overflow: visible } #header_meta { z-index: 1} @media only screen and (min-width: 769px){ /** only if you want to get rid of border-lines */ #header_meta { border-bottom: 0 !important } #header_main { border-top: 0 none !important } /** play a bit with this entry */ .logo img { max-height: 160% !important} /** these settings aren't necessary - but on my installation it looks better */ .av_header_transparency .av-burger-overlay .avia-menu-text { color: #000 !important } .html_header_transparency .header-scrolled .header_bg { opacity: 0.8 } .av_header_transparency .avia-menu-text { color: #fff } } /** to have small screen behavior as usual */ @media only screen and (max-width: 768px){ .responsive #top #header .social_bookmarks { display: block !important} .logo img { max-height: inherit} }7) if it is done and something did not look as it should inform me and we will see on your test-installation what to do
the difficulty on that is your option to scroll the header_meta. so you have to make changes in avia.js on function avia_header_size().
The top margin is a dynamically calculated size – not a static one.so the margin-top of the .logo img has to be calculated in this way too! It has to increase from negative header_meta hight ( nearly -30px) to zero when header scrolled was added.
without the top position at start ( https://webers-testseite.de/yeti ) you don’t have to change this.
oh thats nice – but Günter please give us advice – i can manage it to enter additional tabs here (by
$new_elements[]– but the trick of changing an existing one does not go on my end here.$customsize = array(); for ($x=45; $x<=300; $x++){ $customsize[$x.'px'] = $x; }in the :
$avia_elements[] = array( "slug" => "header", "name" => __("Header Custom Height", 'avia_framework'), "desc" => __("Choose a custom height in pixels (wont be reflected in the preview above, only on your actual page)", 'avia_framework'), "id" => "header_custom_size", "type" => "select", "std" => "150", "required" => array('header_size','custom'), "no_first"=>true, "subtype" => $customsize);see here: https://webers-testseite.de/yeti
it is glassy header with (two logos separated – not in one png) shrink option
these are the css rules for that page ( get rid of page-id class to set it globaly)
to have normal behavior on smaller screens i put it in a media query@media only screen and (min-width: 768px){ .page-id-29598 #header_meta { z-index: 1 } .page-id-29598 .logo img { top: -20px } .page-id-29598 .logo, .logo a { overflow: visible } #top.page-id-29598 #header_meta { border-bottom: 0 } #top.page-id-29598 #header_main { border-top: 0 none } }Ein live Link wäre schön! So mit screenshots das zu beurteilen ist schwer.
Ist das auch noch mit Shrink im Header ?A Link to live page would be helpful – only from screenshot it is nearly impossible to give any advice
so look to the folder svg.
Are there one svg file in it or alot ? Nevertheless you can upload these files to http://fontello.com/
there is an input field on top “Drag custom SVG icons or SVG font here.”
if you drag&drop the svgs there – look what happens. If there were icons generated – you must activate to download them.
hover the first icon klick and hold pull the mouse over all icons you want. Name that set and press download.
The downloaded zip file is compatible with Enfold- and you will have than a new iconset on all alb elements.yes try it – or what kind of files are in your zip file. if there are one svg or for each icon a single svg – you can upload these svgs by drag & drop to fontello and download the importable zip file from there !
so now i’m out of this context.
The generated enfold shortcode ( via post with normal editior nor with debug mode and button alb element) does not work in html inputfield this way to get a button on advanced layerslider.
so i can see your video and on your site i see your source-code .
Yes it is layerslider and there are buttons – on every (and believe me there are many installations of enfold – with or without – Layersldier premium activation ) enfold i never have success in this way. –
Byand where is the benefit to have here a enfold button ?
see again example – it is so easy to construct buttons on layerslider with text layers ?
https://webers-testseite.de/kingfilly/see here – i know that – but button-shortcode does not give a button here:
maybe its why i’m working with an activated premium version – not really ?
Or is there a way to activate enfold shortcodes for ls ?please tell me where you have inserted that “Button-Shortcode”
you got Image / Text / HTML / Video-Audio / Dynamic content from posts
there is no opportunity to use here enfold shortcodes – so for me it is a mystery – why there is on your video a button ?i see you used for it the html option but a generated code from enfold entered here never works on my end here ???
or you do buy the excellent stand alone advanced layerslider with integrated PopUp.
All you can do with layerslider but with popup function.have a look here: https://layerslider.kreaturamedia.com/features/popups/
hm – you have to place the buttons on each slide.
But i don’t know where you inserted that shortcode. I constructed buttons on layerslider !
see here: https://webers-testseite.de/kingfilly/
click to enlarge:
and:
if you even don’t like to have on dashboard or admin top menu the comments functionality:
// Remove comments metabox from dashboard function df_disable_comments_dashboard() { remove_meta_box('dashboard_recent_comments', 'dashboard', 'normal'); } add_action('admin_init', 'df_disable_comments_dashboard'); // Remove comments links from admin bar function df_disable_comments_admin_bar() { if (is_admin_bar_showing()) { remove_action('admin_bar_menu', 'wp_admin_bar_comments_menu', 60); } } add_action('init', 'df_disable_comments_admin_bar');but best advice is to use the very good plugin “disable comments” !
but to make it perfect – you have to get rid of .comment-container minor-meta. in post-meta-info !and if you are a bit paranoid : add this to functions.php / child-theme
// Redirect any user trying to access comments page function df_disable_comments_admin_menu_redirect() { global $pagenow; if ($pagenow === 'edit-comments.php') { wp_redirect(admin_url()); exit; } } add_action('admin_init', 'df_disable_comments_admin_menu_redirect');or a radikal method via functions.php of your child-theme:
(the comments on that code shows you what is done by the code)please try this here :
// Disable support for comments and trackbacks in post types function df_disable_comments_post_types_support() { $post_types = get_post_types(); foreach ($post_types as $post_type) { if(post_type_supports($post_type, 'comments')) { remove_post_type_support($post_type, 'comments'); remove_post_type_support($post_type, 'trackbacks'); } } } add_action('admin_init', 'df_disable_comments_post_types_support'); // Close comments on the front-end function df_disable_comments_status() { return false; } add_filter('comments_open', 'df_disable_comments_status', 20, 2); add_filter('pings_open', 'df_disable_comments_status', 20, 2); // Hide existing comments function df_disable_comments_hide_existing_comments($comments) { $comments = array(); return $comments; } add_filter('comments_array', 'df_disable_comments_hide_existing_comments', 10, 2);to quick css
.comment-entry { display: none; }on layerslider you got the slider settings tab !
you see the “launsch pop up fields”. ?
there is the input field “open by click”. Put in a unique class or ID ( i prefer the class because most elements – including buttons on Enfold got the possibility to have classes !)
and leave the rest empty (open after seconds, or open on scroll position etc)Go to your page and place your button ( as link target manual and #).
on my end i do not have the success to set it in Enfold on opening on all pages / posts etc. i have to place the shortcode of the popup-layerslider on the specific page as codeblock
By the way – the new layerslider got this options tab (link and attributes) – on linking input fields there is a flyout when clicking to that field !
And here you can choose “switch to next slide”. (previous too).
so create a button layer and input that linking.click to enlarge:
do you have your new logo in a vectorbased way (Illustrator, eps,). – or find the correct name of the new logo font with round dots – i will recreate your logo. Recreating via those tiny screenshots is nearly impossible.
The segoe font does not fit totaly because the dots are not perfect circles on bold font-weight.by the way – in the new logo the font couldn’t be Switzerland! – Switzerland has like Frutiger too those i dots and dots itself and and “square dots”
in your new logo they are circles. etc (look at the t or the s – totaly different.So what Victoria means is that you had to create a png with less space surrounding:
(gray in this case stands here for the transparency)
not this way:
but this way:
or you misuse the method to add text to the logo and add the following to your functions.php of your child-theme:
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= " <a href= 'the link target url'> <img class='anything' title='anything' src='link to your image' alt='anything you like' /></a> "; return $sub; }add this to quick css :
.logo a { float: left; }but pay attention with single and double quotation marks ! – and if you like to open the link of that second logo on a blank page :
add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= " <a href= 'the link target url' target='_blank' > <img class='anything' title='anything' src='link to your image' alt='anything you like' /></a> "; return $sub; }the benefit is – that even shrinking is possible – because it is in the logo container and makes everything the normal logo does.
see here https://webers-testseite.de/
for small screens you can make some media queries on how to handle the thing – maybe you go to display: none or something else
you want to use svgs in wordpress ! The tip above is a bit different. It shows you the way to use these flaticons as font-icon set !
Anyway – wordpress does not support on default the usage of svgs (something i do not understand)
If you like to be able to upload an svg you can use some code in functions.php of your child-theme – or use that brilliant plugin “svg support”but try this first in your functions.php of child-theme:
function custom_mtypes( $m ){ $m['svg'] = 'image/svg+xml'; $m['svgz'] = 'image/svg+xml'; return $m; } add_filter( 'upload_mimes', 'custom_mtypes' );the Grid-Row itself got a height option – but not to loose the empty 1/2 (and your background-image you can insert a whitespace separator with a given height
