Forum Replies Created
-
AuthorPosts
-
put this into a color-section you like to “unite” – give to the color-section a custom-class f.e.: together
choose for your 1/2 columns equal height – but you can have space between columns. Put this to your quick css:
( the equal height generates a surrounding container – we can use for that ).together .flex_column_table.av-equal-height-column-flextable { border: 1px solid #333; background-color: #eff7fb; padding: 30px; }If you have allready a lot of images uploaded – there are (temporary) Plugin like Force Regenerate Thumbnails after you have done all that above.
in Addition to that i do have another entry for child-theme functions.php:
function av_return_100(){ return 65; } add_filter('jpeg_quality', 'av_return_100'); add_filter('wp_editor_set_quality', 'av_return_100');the uploaded images are decompressed – cropped – and then saved as uncompressed files on default – this code does induce that a compression is done.
If you look to your uploads folder – you will see that some of the 1500px x 630px images – Enfold generates – are bigger (sometimes much bigger) than the orignal image uploades ( with 2000px and more)all things goes to your child-theme functions.php:
this is how you can avoid responsive Image functionality in WP:
add_filter('wp_get_attachment_image_attributes', function($attr) { if (isset($attr['sizes'])) unset($attr['sizes']); if (isset($attr['srcset'])) unset($attr['srcset']); return $attr; }, PHP_INT_MAX); add_filter('wp_calculate_image_sizes', '__return_false', PHP_INT_MAX); add_filter('wp_calculate_image_srcset', '__return_false', PHP_INT_MAX); remove_filter('the_content', 'wp_make_content_images_responsive');this is too WP related:
// Remove unneeded WP image sizes add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' ); // Remove default image sizes here. function prefix_remove_default_images( $sizes ) { // do NOT remove small and medium sizes, they are used in backend Media Library! // unset( $sizes['small']); // 150px // unset( $sizes['medium']); // 300px unset( $sizes['large']); // 1024px unset( $sizes['medium_large']); // 768px return $sizes; }And this is for Enfold Functionality: Choose the needed Image Formats yourself:
some are commented-out feel free to get rid of them too – allthough the reason for usage is described:// Disable loads of Enfold & WP image sizes upon upload // do image sizes manually, double-size with high compression for retina screens // use Photoshop to set exact double size and quality between Q30 and Q40 add_action('init', 'remove_enfold_image_sizes'); function remove_enfold_image_sizes() { // do NOT remove widget size, is used in backend portfolio items! // remove_image_size('widget'); remove_image_size('square'); remove_image_size('featured'); remove_image_size('featured_large'); remove_image_size('portfolio'); remove_image_size('portfolio_small'); remove_image_size('gallery'); remove_image_size('magazine'); remove_image_size('masonry'); remove_image_size('entry_without_sidebar'); remove_image_size('entry_with_sidebar'); remove_image_size('shop_thumbnail'); remove_image_size('shop_catalog'); remove_image_size('shop_single'); remove_image_size('shop_gallery_thumbnail'); }Yes – Hello – nice to meet you
August 29, 2019 at 11:31 am in reply to: WPML – one set of Theme Options for ALL languages? #1131856i guess you have to synchronize manually. But Enfold got this option under Import Export : “Export Theme Settings File”
Open your language that is your standard language – export that file.
Change to the other languages and import that theme settings file each.
After that – you had to look into the quick css – because every rule which is site specific ( with page-id oder postid) had to be tranfered to the other language ( each translated page / post got his own ID )Please think of : each language in WPML got his own Enfold Options Page!
so even the quick css for a new generated Language is empty. You had to synchronize it by yourself.Every Code in Quick CSS which is set with a page-id is for the other langage not valid – every translated page/post got his own ID ( thats what unique means)
August 29, 2019 at 7:51 am in reply to: Hoster-Wechsel – Mit FTP-Download & ohne normales Plug-In Backup #1131804Off topic:
Zunächst tut mir das sehr leid mit deinem Bruder. Meine volle Anteilnahme. Alleine die Vorstellung, dass einer meiner gleichalten oder jüngeren Anverwandten vor der Zeit gehen sollte garantiert Dir mein Mitleid im wahrsten Sinne des Wortes. Wir haben einen Cousin auf diese Weise verabschieden müssen.Weiter zum Thema – nein das war nicht meine Absicht, dass du Dich hier zurückziehst – und keine Frage ist zu dumm um sie ( nicht ) zu stellen.
Wir haben alle klein angefangen – aber ich versichere Dir die Lernkurve ist steiler als du denkst. Vorausgesetzt man liest und überfliegt nicht die Antworten. Leider wollen hier viele der User nur schnelle Lösungen – picken sich den angebotenen Code heraus ohne die Erklärungen dazu mit zu verinnerlichen. So wird einem zwar hier geholfen, aber Lernerfolg daraus ist gleich null.
Prinzipiell sind mir Beiträge der beschneidenen Art lieber, als die jenigen die Hier auftreten als hätten Sie für ihre 50Euro das absolute Recht innerhalb der nächsten Stunde Hilfestellung zu empfangen. Da gibt es hier auch ein paar Spezies. Die Mods hier in Ihrer vornehmen Zurückhaltung übergehen solche Beiträge dann, ich kann mir dann nicht verkneifen ein paar Worte loszulassen.Ich bin nicht mehr ganz der Jüngste, und habe gelernt Internetseiten mit Dreamweaver von “Hand” zu erstellen. Daher sind meine CSS Kenntnisse nicht schlecht. Was Javascript und php betrifft bin ich auch noch ein Lernender. Vieles was ich hier anbiete ( bearbeitete Enfold Element etc ) ist aus der reinen Logic abgeleitet.
Man kann die Beiträge hier eigentlich recht lange noch bearbeiten. bzw hättest du hintenan, nochmals die Präzisierung deines Themas anstellen können. Du siehst das auch Peter (Dude) viel Zeit investiert hat ( und das geht wie gesagt weit über den Support hier hinaus ) und bei manchen Antworten dadurch Überschneidungen entstanden sind. Das hat mir halt nicht gefallen, denn ja ich zwacke mir dies Zeit von meinem eigentlichen Tun und Schaffen ab.
Die Entschuldiging nehme ich gerne an, war aber nicht nötig. –___________
zum Thema : wie gesagt, schau dir die Seite von Wayback Machine an, da sind noch einige Sachen vorhanden, und wenn man mit Enfold eine Weile gearbeitet hat, dann kann man auch das Layout der Seiten erahnen.
August 29, 2019 at 6:50 am in reply to: Svg logo full width and full height of header centered above menu #1131798all my details are on my Nick and Avatar
I also don’t think I can contribute anything else to the final code here from Ismael – maybe a different approach to solving and looking at the svg code. Maybe you can also optimize it.
svgs can also be forced within their code to have a decided exterior behavior.F.e. an enable background option in svg is sometimes not the best solution – and a
preserveAspectRatio=”xMinYMid meet” in the svg header-section could be best if you like to shrink to the middle etc. pp. – this could help to make the css code simpler.
See here how the logo reacts with only inline parameter change: https://webers-testseite.de/Latitude65logo.svgor can you live with this behaviour ( height stays at a given value – centered Logo but – borders run out on left and right: https://webers-testseite.de/Latitude65logo2.svg
-
This reply was modified 6 years, 4 months ago by
Guenni007.
by the way in that case of 2 columns this is the fastest method. If you got multiple columns you can let the flex-direction to normal but give to the items an order number:
see here in action with code : https://webers-testseite.de/defined-order/
Anyway the link you gave to us – could be used f.e. to make a whole iconbox clickable. Iconboxes can have link on Icon and Title.
The first link in it will be tranformed to the iconbox itself. In this case you had to give that custom-class to the iconbox.if you like to put it in media-query you can decide when this behaviour starts to work.
you can play a little with flex styling f.e. take wrap-reverse instead of wrap and see what happens.
space- between (instead of space-around) would line the outer items to the borders of the container
this is a good – but german site – but you will see on the images what happens on changing styling and you can dynamically change by Radio Button the layout: https://www.mediaevent.de/css/display-flex.html
For that example page above the 1180px seems to be a good starting point to work for flex model.@media screen and (max-width:1180px) { .av-tab-section-tab-title-container { display:flex !important; flex-flow: row wrap-reverse; justify-content: space-around; align-items: center; width: 100vw !important; min-width: 0 !important; padding: 0; margin: 0; left: 0 !important; } #top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 20%; } .av-outer-tab-title { display: inline-block; } .av-tab-section-image, .av-tab-arrow-container { background-position: center center; position: relative; top: 0; left: 50%; transform: translateX(-50%); } .av-tab-section-icon { display: block; text-align: center; position: relative; top: 20px; left: 50%; transform: translateX(-50%); padding-bottom: 40px; } }August 28, 2019 at 7:09 pm in reply to: Probleme mit Hoster Wechsel ! Es existiert nur FTP Download des alten Hosters #1131714you can play with this :
#top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 10%; }and this is the arrow color:
#top .av-tab-arrow-container span { background-color: #900 }maybe 10% is enough for your setting.
For tab-section with icons – we had to complete the code above with :
.av-tab-section-icon { display: block; text-align: center; position: relative; top: 20px; left: 50%; transform: translateX(-50%); padding-bottom: 40px; }Well if you like to have a more complex but nice solution go and Mikes advice and use the flex model :
try in quick css – and a link to your site would be nice:
.av-tab-section-tab-title-container { display:flex !important; flex-flow: row wrap; justify-content: space-around; align-items: center; width: 100vw !important; min-width: 0 !important; padding: 0; margin: 0; left: 0 !important; } #top .av-section-tab-title { padding: 0 ; flex: 0 1 auto; min-width: 20%; } .av-outer-tab-title { display: inline-block; } .av-tab-section-image, .av-tab-arrow-container { background-position: center center; position: relative; top: 0; left: 50%; transform: translateX(-50%); }August 28, 2019 at 6:04 pm in reply to: Hoster-Wechsel – Mit FTP-Download & ohne normales Plug-In Backup #1131706Was soll das denn jetzt werden ? wieviele Leute willst du mit dem Thema denn noch beschäftigen?
https://kriesi.at/support/topic/probleme-mit-hoster-wechsel-nur-mit-ftp-download-des-alten-hoster/Naklar darf man eine zweite Meinung und mehr einholen, sollte aber im eröffneten Theme bleiben. Du siehst, dass jetzt die Mods auch noch sehr viel Zeit investiert haben. Und zwar unnötiger weise, denn viele Fragen sind schon beantwortet. Kopfschüttel.
Mein Support endet nun
Viel Glück – Bis dannPS: letzter hilfreicher hinweis meinerseits: wenn du dir die Inhalte auch nicht abgespeichert hast, dann kannst du die über wayback machine nochmal copy / pasten: da ist eine ziemlich vollständige Sicherung.
An die Datenbank kommt man aber so auch nicht mehr ran !!!https://web.archive.org/web/20180528070715/http://www.fairtek.de/
August 28, 2019 at 5:39 pm in reply to: Svg logo full width and full height of header centered above menu #1131694can i see your dev site ? its password protected.
can you please try ( because entypo-fontello got a paper plane too) on this we avoid different font-sizes ):
function avia_add_custom_icon($icons) { $icons['telegram'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue8b7'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Telegram'] = 'telegram'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);
and on quick css:#top #wrap_all .av-social-link-telegram:hover a { color: #fff; background-color: #9c1a73 !important; }and maybe you rise a bit the font-size in the socket to 20px
#top #socket .social_bookmarks li a { font-size: 20px }by the way – you can drag and drop svgs directly to Powerpoint !
if you are familiar with svg usage : you can find the fonts in your installation on /wp-content/uploads/avia_fonts/
download the needed font as svg.open it in a good text editor ( f.e. on Mac : SublimeText or on PC : Notepad++)
you see every icon now as <glyph> and the unicode it has e.g:unicode=""so these are on default vectors.
to get each of them as svg you can upload that “fontello all in one svg” to : https://icomoon.io/app
on the bottom you can download it as svg or png. The pngs are in original size so only 32px – but the svgs are now one for each icon. These can be opend in a Graphic Programm and saved as png.The setting whether a Youtube video plays in HD or not depends not only on the default but also on the playback of the device itself. So if Youtube “notices” that the transfer rate is not so stable, then there will be lower resolutions. Similar to TV streaming. If the WLAN does not participate, then the resolution goes down.
In former times there are addenda to the url you can make autoplay etc. pp. vor HD files you could add : ?vq=hd720 or if it is not the first addendum with ampersand instead of questionmark: &vq=hd720 for 1080 same thing.
this is the font-name you had to insert in that code:
(colored underline)
replace all tel with your desired Icon Nameso it looks like this f.e.: ( but you had to be sure about the icon code!)
function avia_add_custom_icon($icons) { $icons['telegram'] = array( 'font' =>'font-name-from-image-above', 'icon' => 'ue802'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['telegram'] = 'telegram'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);August 27, 2019 at 7:58 pm in reply to: Probleme mit Hoster Wechsel ! Es existiert nur FTP Download des alten Hosters #1131437aber warum sind von jedem Bild mehrere verschiedene Größen bzw. Pixel-Größen vorhanden ?
Wordpress generiert selbst schon 3 Varianten ausser der Hochgeladene Version.
Ein Kleines, welches als Thumbnail für viele Dinge herhalten muss, aber auch einen mittlere Auflösung.
Enfold nun hat für seine vielen unterschiedlichen Alb Elemente (Masonry, Galerie, etc. pp) auch Versionsgrößen, die es vom System generieren lässt.in der für den von ihm verwendeten Monitor bzw. der Auflösung passend angezeigt wird
Enfold verwendet noch nicht das srcset Feature. Wird aber wohl (eventuell schon im nächsten Update) kommen. Da ist es in der Tat dann so, dass je nach Bildschirmweite aus dem Set das nächstliegende Format angezeigt wird.
1. Man kann automatische Updates zulassen ( ist wohl default so, ich bevorzuge allerding manuell veranlasste Updates – überall auch WordPress).
1a. mittlerweile gibt es ein schönes Plugin (Update Theme and Plugins from Zip File) – das ist wirklich einfach zu handhaben.
2. siehe 1
3. getrennt – weil ja auch die Updates zB von einander abhängig sind.
Enfold reagiert zB auf WP Updates etc. die Plugins dito.
4. CDN : das streiten sich die Geister – Google findet es garnicht gut glaube ich gelesen zu haben. Ich finde es könnte sinnvoll sein. Für kleine Seiten gibt es da auch schon kostenfreie ( da Volumenabhängig ) Anbieter (Cloudinary)
4a. Stell dir nur mal vor, du hast große Filme und möchtest die nicht über Youtube laufen lassen. wenn dann der Film physikalisch auf so einem CDN liegt belastet das Abspielen nicht deine Serverperformance von WebGo.
6. Wenn du die Einstellung der Webseite machst nimm den SSD Festplattenspeicher für die Seite. Der Space ist eigentlich immer genug. Arbeitsspeicher ist da schon wichtiger.
7. Kommt auf den Traffic an, den deine Seite generiert. wenn 2 Besucher gleichzeitig einen selbstgehosteten Film angucken ists wohl nie ein Problem, wenn 1000 dies tun schon.11. Kommt immer aufs Bild an. Wenn ich das aus Photoshop rauslaufen lasse (für Web speichern), sehe ich mir die Vorschau genau an. Es ist nun die Frage ob es auf das letzte Quäntchen Schärfe ankommt oder nicht. Oft sind sogar monochrome Verläufe schwerer darzustellen als kontrastreiche Bilder.
11a. Hier gleich zu einem Enfold “Problem” – beim Hochladen der original Bilder werden diese entpackt (jpgs sind ja prinzipiell auch nur komprimierte Dateien) dann auf das Enfoldformat beschnitten und dann allerdings ohne Komprimierung gespeichert 100% jpgs.
das kann man mittels eines Snippets in der functions.php des child-themes allerdings ändern.
12. Schau dir mal die Seite gtmetrix.com an. Dort lasse ich mir die Seiten auslesen. Geschwindigkeitswerte und dort gibt es auch schon gute ansätze wo man Performance Probleme hat.
So ist ein genereller Fehler – nicht zu überprüfen ob der Hoster überhaupt gzip (mod_deflate) aktiviert hat. Oft ist es einem selbst überlassen den Server dazuzubewegen. ZB über die htaccess datei im Root Verzeichnis.August 27, 2019 at 6:54 pm in reply to: Topbar auf Mobil ausblenden, auf Desktop jedoch nicht #1131426hast du Caching tools am Start?
hast du das Merging in Enfold erneuert?
Hast du in deinem Mobile Gerät von dem Browser den Cache geleert?Sonst probier das noch:
.responsive.avia_mobile #top #header_meta { display: none !important; }August 27, 2019 at 5:34 pm in reply to: After activating WPML Translation Management – page is changed #1131404Dear forcetechnology2 – if you got a solution – share it: you see that there is another participant which needs help too – maybe you can help…
anyway. WPML got for each language its own Enfold Settings Dialog. And so even Quck CSS could be different. You can see it on top there is a new menu for wpml.
So you have to synchronize the settings on each language you want to be installed.
So my advice to all wpml users is – first do all stylings and content input. then goto synchronize the languages on each “Enfold”You can do that on exporting Enfold Settings file of Standard Language. Change to the new language and import there the settings file.
media query for print:
@media print { … }Jetzt sehe ich dein png file – wenn du es mit weniger transparentem Raum drum herum hochlädst ist es größer.
Das Padding kann man dann nachher einstellen.Scroll down to what position ? Footer ?
if you do not need the scroll to top button – just use that for your needs
it has an absolute position so you can shift him anywhere you like:#scroll-top-link { right: inherit; bottom: inherit; left: 20px; top: 90px; } #scroll-top-link::before { content: "\e87b"; }the second rule changes that arrow to an arrow down!
now the link if you link to the #socket ( otherwise give a link target your want on that page – best would be a unique ID )
do this to your child-theme functions.php:function change_href_of_scroll_top_link(){ ?> <script> (function($) { $('#scroll-top-link').attr("href", "#socket"); $('#scroll-top-link').attr("title", "Scroll to bottom") $('.avia_hidden_link_text').text('Scroll to bottom'); })(jQuery); </script> <?php } add_action('wp_footer', 'change_href_of_scroll_top_link');Now the only thing is that the button appears the same manner like the scroll to top button ( after some scrolling) this could be changed too.
Bitte installiere mal folgendes Plugin: svg support
Aktiviere es und lade dann mein svg hoch und setze dieses als logo ein.Danach schaue ich mir deine Seite an.
moment ich schaue jetzt
– edit – hast du das Plugin mal ausgeschaltet? Lass es dann bitte so. -
This reply was modified 6 years, 4 months ago by
-
AuthorPosts



