Forum Replies Created
-
AuthorPosts
-
first : do not set on menu – that there should be a new row:
We do this by our css !
my solution would be to use grid layout on that :
7 1/4 columns with no equal height inside a color-section with a custum-classsee: https://webers-testseite.de/apg/
My recommendation for images that should look the same: Crop them the same way – that is, keep them at least in the same aspect ratio.
ps : you do not need to preserve the clip-path when you switch to responsive view:
@media only screen and (max-width:989px) { .polygonright .avia-image-container-inner { -webkit-clip-path: polygon(100% 50%, 100% 100%, 0% 100%, 0% 50%, 50% 0%); clip-path: polygon(100% 50%, 100% 100%, 0% 100%, 0% 50%, 50% 0%); } .polygonleft .avia-image-container-inner { -webkit-clip-path: polygon(100% 0%, 100% 50%, 50% 100%, 0% 50%, 0% 0%); clip-path: polygon(100% 0%, 100% 50%, 50% 100%, 0% 50%, 0% 0%); } }
you must of course adapt this to the responsive behavior, e.g. if you change the order – i.e. have all images first and then the texts. In this case, all “arrows” must point downwards.
on image elements – this selector avia-image-container-inner is best for it but if you try to have it on columns – the selector might be better the flex_column itself:
.flex_column.polygonright { -webkit-clip-path: polygon(0% 0%,68% 0%,100% 50%,68% 100%,0% 100%); clip-path: polygon(0% 0%,68% 0%,100% 50%,68% 100%,0% 100%); }
ps: do not forget to use both clip-path and webkit-clip-path
you do not need to pre define the place when a new row is started at mega menu!
you can do that by setting the mega div submenu to a grid layout:https://kriesi.at/support/topic/tip-responsive-mega-div/
but:
I forgot to tell you that from the mobile phone, so I’m not talking …
You have a normal text menu on mobile phone? …
so it’s about the hamburger menu (a mega div with 7 columns next to each other on the cell phone is hardly recommendable)
next: images besides the menu-items text could be placed by doing it manually on label input field on menu page.
or look to the link – there is a way to have the featured images besides the menu-item link.do you use my snippet? – if you are using da_DK lang file
wow – no changes in your translations since version 3.6 ?
this is already done by the language files (for your language too, I hope), in German this is the case.
see here a blog example page ( the green Titles) : https://webers-testseite.de/masonry-blog/and a bit of css:
.av-masonry-entry-title .av-masonry-comment-count { font-size: 0.8rem; color: #666 }
hey – ismael – can you test if this will work too:
this is a little bit different – as you can see – and with the included translation and differs between singular and plural casefunction avf_append_comments_to_masonry_title( $the_title, $entry, $atts ) { $commentCount = get_comments_number( $entry['ID'] ); $text_add = $commentCount === '1' ? __( 'Comment', 'avia_framework' ) : __( 'Comments', 'avia_framework' ); if ( $commentCount > 0 ) { $the_title .= " <span class='av-masonry-comment-count'> ({$commentCount} {$text_add}) </span>"; } return $the_title; } add_filter( 'avf_masonry_entry_title', 'avf_append_comments_to_masonry_title', 10, 3 );
but isn’t it an existing feature inside postslider.php to show the comments count?
Enfold – Blog Layout – Blog Meta ElementsThe entypo icon-font on fontello is nearly identical to the enfold entypo-fontello.
Only the last line differs:I would recommend using html entities. Unfortunately, even there it is sometimes the case that a new call of the editor mode / visual mode leaves them effective or not, but they are no longer visible in the backend. One example is the so-called softhyphen – a conditional hyphen.
Günter has created a plugin with which it was possible to set the characters larger / smaller as well as in the layout elements, without them being evaluated as tag beginnings. Since I didn’t want to put 3 # characters before and after the abbreviation, I shortened it to one # character and extended the list that could be used with the plugin.
So if i would like to have an invisible Space at the beginning of one line i inserted instead: #nbsp#
See the plugin here: https://pastebin.com/jttc230x
Download it here: specialcharacter Pluginjust put it into your plugins folder via ftp
Des Weiteren, wird das &-Zeichen bei uns falsch formatiert. die Schriftart wie auch die Farbe weichen von der ursprünglichen Schrift-Formatierung ab.
The ampersand (&-Zeichen) has its own css rules. If you like to get rid of those special settings:
#top .special_amp { font-size: inherit; color: inherit; line-height: 1; font-style: normal; font-family: inherit; font-weight: inherit; }
ok – can be closed!
September 11, 2024 at 11:42 am in reply to: Change the word above masonry title of password protected content #1466692Das denke ich kannst du mit css und dem geeigneten Selektor am besten.
Habe leider keine Beispielseite, wo ich den selektor dir nennen könnte. Hast du auf der Jordan Seite ein Beispiel?#top.single .post-entry.post-password-required ~ p { display: none; }
if it is always the last paragraph this might help!
September 11, 2024 at 11:17 am in reply to: Change the word above masonry title of password protected content #1466687Die Methode über eigene Sprachfiles ( de_DE_formal.po/de_DE_formal.mo und de_DE.po/de_DE.mo) ist prinzipiell sauberer.
Dazu müsstest du die po files bearbeiten und eine Kopie (vorzugsweise in den Ordner “lang”) im child-theme folder platzieren.
Dem Thema muss man dann noch sagen wo die Files liegen:function overwrite_language_file_child_theme() { $lang = get_stylesheet_directory().'/lang'; return $lang; } add_filter('ava_theme_textdomain_path', 'overwrite_language_file_child_theme');
Bearbeiten kannst du die Files mittels poedit – Du musst dort die englische Phrase finden, und die neue deutsche Übersetzung dann einfügen. ( es kann mehrere Stellen geben wo das auftritt.) Poedit speichert dann beide Versionen (po/mo) ab. Diese in den Lang Ordner hochladen.
Deutsch ist nochmal ein Sonderfall, weil es meherer Sprachfiles auch schon wegen Du/Sie gibt.
___________________
The method using your own language files ( de_DE_formal.po/de_DE_formal.mo and de_DE.po/de_DE.mo) is generally cleaner.
To do this, you would have to edit the po files and place a copy (preferably in the ‘lang’ folder) in the child-theme folder.
You then have to tell the theme where the files are located:see codesnippet above
You can edit the files using poedit – you must find the English phrase there and then insert the new German translation. (There may be several places where this occurs.) Poedit then saves both versions (po/mo). Upload them to the Lang folder.
German is another special case, because there are already several language files because of different salutations: Du / Sie.
September 11, 2024 at 11:08 am in reply to: Change the word above masonry title of password protected content #1466685You can manage it by having your own translation files in your child themes folder. But it’s too much fiddling for just one phrase.
try:
function my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'here is the exact existing phrase' : $translated_text = __( 'Here is the new phrase', $domain ); break; } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);
__________
function my_text_strings( $translated_text, $text, $domain ){ switch ( $translated_text ){ case 'Dieser Beitrag ist passwortgeschützt. Bitte gib das Passwort ein, um Zugang zu den Kommentaren zu erhalten.' : $translated_text = __( 'Here is the new phrase', $domain ); break; } return $translated_text; } add_filter('gettext', 'my_text_strings', 20, 3);
Sollte das so nicht gehen, nimm die englische Original Phrase links und rechts deine Deutsche Phrase.
( ‘This post is password protected. Enter the password to view any comments.’)September 11, 2024 at 8:55 am in reply to: Change the word above masonry title of password protected content #1466661I can’t find the passage either in one of the Enfold files or in the Lang files of the translation for the various languages.
The maximum you can always find is “password protected” – so it seems to be a WordPress setting.Hooray – there are WordPress filters that do that: try in your child-theme functions.php:
function change_protected_title_prefix() { return 'VIP membership required: %s'; } add_filter('protected_title_format', 'change_protected_title_prefix');
if it is the german version you had to translate it by yourself
if you do not like the double dot – get rid of itPS: if you like to use quotes inside that phrase you had to use entities f.e.:
function change_protected_title_prefix() { return 'VIP’s only: %s'; } add_filter('protected_title_format', 'change_protected_title_prefix');
_________
by the way: if the post is private – and you do list themfunction change_private_title_prefix() { return 'Admins only: %s'; } add_filter('private_title_format', 'change_private_title_prefix');
September 11, 2024 at 8:28 am in reply to: Change the word above masonry title of password protected content #1466658Normally, the word “Protected:” (Geschützt:) is placed in front of the title of the post, and the date of creation is displayed below it.
So have you already made any changes there?try your css solution only and put this to child-theme functions.php:
function shift_read_more_link_to_footer(){ ?> <script> (function($){ $('.avia-content-slider .read-more-link').each(function() { $(this).closest('.slide-entry').find('.entry-footer').prepend($(this)); }); })(jQuery); </script> <?php } add_action('wp_footer', 'shift_read_more_link_to_footer');
September 9, 2024 at 8:17 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466504hm ?
just to be sure; you have already entered the class without the dot in the custom class input field?
We know the stumbling blocks, and if we ask about them, you should at least make the effort to look for them. Thank you
___________
I removed it for you and activated the script and it now works. But since the color section is at the very top when you page loads you will only see a white area until you scroll. This solution is meant for sections that are lower that you can scroll into.
there is in the snippet an offset called: range
But as Mike allready mentioned – tries to show it like in your example. If you like to have that section on top : just write it in your quest.
And on that page on scroll the video is slowly disappearing there.September 6, 2024 at 4:26 pm in reply to: Full page video that scrolls into a text page possible with Enfold? #1466396I’ll leave the page online, maybe you can make friends with the solution after all ;)
:lol
sometimes css might help – your idea is nice – but there are some “new” properties missing:
try in quick css:
.avia-content-slider .slide-entry-excerpt{ display: -webkit-box; max-width: 100%; margin: 0 auto; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
Disadvantage – if you use that only – the read-more link is gone too.
But the combination of both – ( because i put out the read-more link to the footer ) will bring good results.Unfortunately -webkit-box-orient is deprecated. But still works
i do not know if there is a possibility to make it by lines ; that would be a great solution – because trim by word might be end in different column heights.
Try this in your child-theme functions.php:function custom_excerpt_setting(){ ?> <script> (function($){ // trim excerpt by words function trimByWord(sentence,wordcount = 50) { var result = sentence; var resultArray = result.split(" "); if(resultArray.length > wordcount){ resultArray = resultArray.slice(0, wordcount); result = resultArray.join(" ") + "..."; } return result; } $(document).ready(function(){ $('.avia-content-slider .read-more-link').each(function() { $(this).closest('.slide-entry').find('.entry-footer').prepend($(this)); }); $('.avia-content-slider .slide-entry-excerpt').each(function() { $(this).text(function(index, currentText) { return trimByWord(currentText); }); }); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_excerpt_setting');
September 5, 2024 at 8:20 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466288or @beyond-flora : did you hook into that post of goldengate? I do not see private content fields (as Participant)
I am a participant like you and just a helpful person. – If the link is not allowed to be made public, then you’ll just have to wait for a helping mod.
I just didn’t pay attention to the age of the original topic. I think it would be better to open a new topic in such a case.
September 5, 2024 at 8:14 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466286this is not the url? then tell me the right one:
Here’s the page I am working on….
http://www.thomashenthorne.com/1292-sanderling-island-point-richmond/or @beyond-flora : did you hook into that post of goldengate? I do not see private content fields (as Participant)
September 5, 2024 at 8:06 am in reply to: Full page video that scrolls into a text page possible with Enfold? #1466283i do not see your page becaue:
just to be sure; you have already entered the class without the dot in the custom class input field?September 4, 2024 at 9:14 pm in reply to: Full page video that scrolls into a text page possible with Enfold? #1466255But maybe there is a way to have that with advanced layerslider too! …
September 4, 2024 at 1:38 pm in reply to: Full page video that scrolls into a text page possible with Enfold? #1466215yes – afaik – enfold got no option to have fixed background videos for color-sections.
but we can set it with quick css to fixed when reaching the top.
see following example page : https://webers-testseite.de/snowfall-video-3/but as you can see – your example page from ny goes on mobile view to scroll the video bg !
on desktop view – first is to place it absolute – reaching the top will go to fixed positioning. -
AuthorPosts