Forum Replies Created
-
AuthorPosts
-
get familiar with child-theme it is so easy and nearly all snippets to adjust something in Enfold are for child-theme use.
https://kriesi.at/documentation/enfold/using-a-child-theme/Lösche deinen Browser Cache und eventuell vorhandene Caching Plugins.
ich sehe jetzt kein rot mehrit comes from background-color of main and a top-padding.
Don’t know if you have set this by yourself.What have you set on Enfold – General Styling – Main Content – Default background-color : #ff0000
set it to white : #ffffff
that is the code here on board which normaly is used to do this. But i tried a few seconds ago.
But i’m working on a German WordPress with Enfold maybe this only goes with editing the lang files.
I guess the substitution is made but the translation to german is the same.
So i suppose that on english sites this will work perfect – the filter still exists in enfold.insert this to your functions.php of your child-theme
add_filter('avf_portfolio_sort_first_label','new_first_label'); function new_first_label() { $first_item_name = "smething-you-like-instead-of-all"; return $first_item_name; }
if you have different pages with different “All” settings you must use if-clauses
Edit: Aha – seems to work not any more- i have a look if this filter exists anymore
-
This reply was modified 7 years, 2 months ago by
Guenni007.
on Enfold Options – general styling – fonts there are both heading and content
the newly added fonts are at the bottom of the list. If not – please show me your code you have insertedDear Faserschmeichler – i show you now an image of my son and you tell me his name!
But now seriously – how should I judge from a screenshot – clearly I can guess until it clicks – but it is unprofessional. Looks to me like a border-bottom or top
and it is indeed the enfold menu you see.
Sometimes it is forgotten to define a menu as main menu.If you done that – a link would be nice
April 20, 2018 at 2:35 pm in reply to: How to overlap the logo over the bottom of the header on mobile #944593Why did you change floating behavior of logo?
i think this will look better – aquidistant from the border with hamburger sign:
@media only screen and (max-width: 767px) { .responsive #top .logo { display: block !important; float: !important; } .responsive #top .logo img { max-height: 120px !important; height: 120px !important; } }
And: PPS: the slider is still visible on very small screens when the fallback image is shown
-
This reply was modified 7 years, 2 months ago by
Guenni007.
April 20, 2018 at 2:26 pm in reply to: How to overlap the logo over the bottom of the header on mobile #944590sorry my fault :
/* MOBILE LOGO */ @media only screen and (max-width: 767px) { .responsive #top .logo { display: block !important; } .responsive #top .logo img { max-height: 120px !important; height: 120px !important; } }
April 20, 2018 at 2:20 pm in reply to: How to overlap the logo over the bottom of the header on mobile #944589But your very long menu should switch to hamburger a bit earlier. It overlaps the logo on f.e. ipad landscape
April 20, 2018 at 2:06 pm in reply to: How to overlap the logo over the bottom of the header on mobile #944586on my browser all is nice – with what kind of device you are looking to the dev. site ?
ok on firefox with developer test devices – i see the problem:
can you please replace your rule with:
/* MOBILE LOGO */ @media only screen and (max-width: 767px) { .responsive #top .logo { display: block !important; max-height: 120px !important; height: 120px !important; } }
afterwards we see how to optimize the sizes
April 20, 2018 at 1:27 pm in reply to: How to change H2 to H1 in one slider of Easyslider, And Change H3 to H4 in inbox #944563this here is a very general replace script and easier to adjust for code beginners:
function replace_tags_with_tags(){ ?> <script> (function( $ ) { $(document).ready(function() { function replaceElementTag(targetSelector, newTagString) { $(targetSelector).each(function(){ var newElem = $(newTagString, {html: $(this).html()}); $.each(this.attributes, function() { newElem.attr(this.name, this.value); }); $(this).replaceWith(newElem); }); } replaceElementTag('h3.widgettitle', '<h4></h4>'); replaceElementTag('.avia_textblock h2', '<h4></h4>'); }); }(jQuery)); </script> <?php } add_action('wp_footer', 'replace_tags_with_tags');
you see here in this part – you can add more replacings separated by semicolon:
replaceElementTag('h3.widgettitle', '<h4></h4>'); replaceElementTag('.avia_textblock h2', '<h4></h4>');
for you only the first line is important
replaceElementTag('h3.widgettitle', '<h4></h4>');
But : That should always be the last solution. It is always better to set the right values directly when creating an element.
But i do not have yet an idea to influence that register-widget-area.php via child-theme – i do not see a filter f.e. that fits – maybe a mod knows a child-theme handling of that.-
This reply was modified 7 years, 2 months ago by
Guenni007.
April 20, 2018 at 1:19 pm in reply to: How to change H2 to H1 in one slider of Easyslider, And Change H3 to H4 in inbox #944559by the way i noticed that the subfolders are not necessary.
I tested it on a playground of mine – when you put it directly in shortcodes folder it will work too.the widget tiltle setting to h3 is in : includes/admin/register-widget-area.php
you can use in functions.php of your child-theme :
Edit : better take the general replacement instructions – easier to understand
-
This reply was modified 7 years, 2 months ago by
Guenni007.
Witzigerweise ist es bei deutsch Sie mit zurück übersetzt
Bist du Vertraut mit dem Bearbeiten von lang files?
diese Übersetzung für Prev. ist recht unglücklich gewählt.
das ganze befindet sich im de_DE.po file im lang ordner .Empfehlenswert ist zB das Plugin: https://de.wordpress.org/plugins/loco-translate/
welches einem die Möglichkeit bietet die Übersetzungen zu bearbeiten.ich mache das immer “zu Fuß” mit po-edit und lade mir die files dann in mein Child-Theme zurück
dort habe ich dann im child-theme einen unterordner : lang den ich für meine Übersetzungsfiles heranziehe.
Das kann man in der functions.php des child-themes so veranlassen:function overwrite_language_file_child_theme() { $lang = get_stylesheet_directory().'/lang'; return $lang; } add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');
April 20, 2018 at 11:01 am in reply to: How to overlap the logo over the bottom of the header on mobile #944529thats nice – but without a live link it does not work – to decide from a screenshot it is not possible.
i had to see the dom structure and to be able to simulate changings on developer toolsApril 20, 2018 at 8:23 am in reply to: How to change H2 to H1 in one slider of Easyslider, And Change H3 to H4 in inbox #944485if you like to have that too: https://webers-testseite.de/edited-enfold-alb-elements/#icons
But be carefull : New Enfold has its shortcodes about icon-box and icon list now in subfolders – and the hierarchical structure had to be preserved
so the downloaded files comes to
icon-list.php to child-theme/shortcodes/iconlist
icon-box.php to child-theme/shortcodes/iconboxYes, you are right, but many of the users run into this misunderstanding here. Then the topics are: “why can i not use the added font for my icon-titles via quick css …” etc. pp.
the quick and dirty solution is to go to advanced styling and set for example for a H6 the added font as font-family – this will activate the font as well.If you want simple solutions, you have to be satisfied with simple requirements.
I would have liked it if you had answered. As you have achieved now – because I like to learn from other solutions. Finally, we tried to find a solution. Since a final report on your part should already be possible.
April 19, 2018 at 10:00 pm in reply to: How to overlap the logo over the bottom of the header on mobile #944332Sorry – no private links can be seen by me – i’m still a Participant as you
my avatar/nick gives you contact info – so feel free to email me.April 19, 2018 at 9:34 pm in reply to: How to change H2 to H1 in one slider of Easyslider, And Change H3 to H4 in inbox #944317your topic is about easy-slider isn’t it?
What icons ?
On that page there are also other alb elements with edited settings but you like to have the sliders ?it is i think a nice and noob secure description.
1) create a subfolder in your child-theme folder called shortcodes
2) place this in your child-theme functions.php :add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths){ $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }
3) download the zip file and unzip it and upload all 4 files to that subfolder
4) you can see what is new on sliders ( on easy slider see here :
5) now you can choose what h tag you like to have and what font-size it got
6) see on testpage that there is a h1 heading in one easy-slider slide.-
This reply was modified 7 years, 2 months ago by
Guenni007.
Or whereever (line xy) you have loaded the other font combine those rules to one:
And by the way:
The font added through this code can be found at the bottom of the list ( not sorted in alphabetical order )
add_filter( 'avf_google_heading_font', 'avia_add_heading_font'); function avia_add_heading_font($fonts) { $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i'; $fonts['Roboto'] = 'Roboto:300,400,700'; $fonts['Open Sans'] = 'Open Sans:400,400i,600,600i,700,700i'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_content_font'); function avia_add_content_font($fonts) { $fonts['Source Sans Pro'] = 'Source Sans Pro:300,300i,400,400i,700,700i'; $fonts['Roboto'] = 'Roboto:300,400,700'; $fonts['Open Sans'] = 'Open Sans:400,400i,600,600i,700,700i'; return $fonts; }
if you add more than one font please do all fonts ( different names ) in one rule together or
rename that functionOn that:
add_filter( 'avf_google_heading_font', 'avia_add_custom_heading_font'); function avia_add_custom_heading_font($fonts) {
after add_filter – the first is the filter name and the second is function name
as long as function names are corresponding – the name could be whatever you like so this will work too.A function needs to be on definition something unique. So if you have allready included another font in line 17 this goes to that error.
And now your are a lucky guy – because on former WordPress Versions this causes a white screen of death.________________
Next Thing: What do you think should happen here – the first line is absolutely superfluous
Same font – same font style
$fonts[‘Didact Gothic’] = ‘Didact Gothic:400,700’; $fonts[‘Didact Gothic’] = ‘Didact Gothic:400,700,400italic,700italic’;
so this might be enough to add:
add_filter( 'avf_google_heading_font', 'avia_add_didact_gothic_heading_font'); function avia_add_didact_gothic_heading_font($fonts) { $fonts['Didact Gothic'] = 'Didact Gothic:400,700,400italic,700italic'; return $fonts; } add_filter( 'avf_google_content_font', 'avia_add_didact_gothic_content_font'); function avia_add_didact_gothic_content_font($fonts) { $fonts['Didact Gothic'] = 'Didact Gothic:400,700,400italic,700italic'; return $fonts; }
you see if functions name are corresponding it will work
The conflict comes from using the function name twiceApril 19, 2018 at 5:10 pm in reply to: How to change H2 to H1 in one slider of Easyslider, And Change H3 to H4 in inbox #944188Well – i don’t know – i think this will be a nice thing to have.
Feel free to make a feature request here: https://kriesi.at/support/enfold-feature-requests/Sorry Merilla – i can not see private content as a Participant as you – so wait for mod please
i will have a look what happens to pages with no masonry now and with image lightboxes
Edit : works with video lightboxes too ( not the video alb element – but links from images or text to video files
-
This reply was modified 7 years, 2 months ago by
Guenni007.
try this: – and please ismael say if there are some faults or upgrades on that code
i tried it first with attr or removeAttr but simple css was in success
but the real hint was to the .mfp-bgadd_action('wp_footer', 'custom_lightbox_script'); function custom_lightbox_script(){ ?> <script type="text/javascript"> (function($) { function a() { $('body').on('click', '.lightbox-added', function() { if($('.mfp-bg').length >= 1) { $('html').css("overflow-y", "hidden"); } }); $('body').on('click', function() { setTimeout( function() { if($('.mfp-bg').length == 0) { $('html').css("overflow-y", "scroll"); } },500); }); } a(); })(jQuery); </script> <?php }
you don’t need css settings in quick css because it works about css ( inline )
see here in action: https://webers-testseite.de/weber/lightbox/
Hi Rikard – the thing on this is not really clear in documentation.
The code provided by this link https://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/
make the font only available for Enfold to choose for headings and content font –
the possiblity of choosing it does not activate it automatically. That would be a performance disaster for the page
So if you dont choose it as heading or content font in Enfold Options page – you can not use it via quick css!The code above activates the fonts – you can directly use it in quick css
add_action('wp_head', function() { ?> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext" rel="stylesheet"> <?php });
-
This reply was modified 7 years, 2 months ago by
Guenni007.
so how do you upload the new folder?
did you erase the old one – or renamed it – or (my suggestion) drag and drop the new enfold folder to your directory and overwrite existing files.In this case it is clear for me what happend.
New Enfold has a bit rearanged folder structure – especially in the config-templatebuilder/avia-shortcodes folder.
A lot of those shortcodes are now in subfolders ! – so what happend on pulling the new enfold over the old one.
There are now two shortcodes f.e. for buttons, iconboxes, iconlists etc.
This maybe the reason for that mismatch.i always do update via ftp and my advice is:
1) rename enfold folder to enfold-old folder
2) upload the new enfold folder
3) test your page if everything works fine
4) in case of whitescreen or other crashes – you can erase the enfold folder – and rename the enfold-old folder back to enfold
5) so that is your fall-back included if something went wrong -
This reply was modified 7 years, 2 months ago by
-
AuthorPosts