Forum Replies Created

Viewing 30 posts - 6,691 through 6,720 (of 11,913 total)
  • Author
    Posts
  • in reply to: How to make 2 columns with a border #1131920

    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;
    }
    in reply to: Reduce the number of image sizes saved #1131905

    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)

    in reply to: Reduce the number of image sizes saved #1131904

    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');
    }
    in reply to: Adding an image or SVG icon inbetween columns #1131899

    Yes – Hello – nice to meet you

    in reply to: WPML – one set of Theme Options for ALL languages? #1131856

    i 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 )

    in reply to: Social Icons in Big Footer #1131805

    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)

    Off 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.

    all 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.svg

    or 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.
    in reply to: Reverse Column Stacking Order for Mobile #1131797

    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/

    in reply to: Make entire avia section clickable. #1131795

    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.

    in reply to: Make entire avia section clickable. #1131792

    by the way your link above is an old topic (2015) the new Enfold does not need this functions.php snippet – because the function of clickable columns are implemented now (with alt and title attribute input field)
    click to enlarge:

    in reply to: TAB Section (not mobile Frendly) #1131790

    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;
      }
    }
    in reply to: TAB Section (not mobile Frendly) #1131713

    you 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;
    }
    in reply to: TAB Section (not mobile Frendly) #1131711

    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%);
    }

    Was 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 dann

    PS: 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/

    can i see your dev site ? its password protected.

    in reply to: custom social media icon in the socket #1131634

    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
    }
    in reply to: Replacing Fontello Icon Packs #1131608

    by the way – you can drag and drop svgs directly to Powerpoint !

    in reply to: Replacing Fontello Icon Packs #1131566

    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.

    in reply to: pixelated blurry fullscreen slider #1131525

    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.

    in reply to: custom social media icon in the socket #1131438

    this is the font-name you had to insert in that code:
    (colored underline)
    replace all tel with your desired Icon Name

    so 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);

    aber 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.

    in reply to: Topbar auf Mobil ausblenden, auf Desktop jedoch nicht #1131426

    hast 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;
    }

    Dear 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.

    in reply to: How do I insert a CSS style sheet for printing? #1131353

    media query for print:

    @media print {
    …
    }
    in reply to: Logo missing #1131316

    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.

    in reply to: How do I create a Button to scroll down #1131294

    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.

    in reply to: Logo missing #1131286

    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.

    in reply to: Logo missing #1131285

    moment ich schaue jetzt
    – edit – hast du das Plugin mal ausgeschaltet? Lass es dann bitte so.

Viewing 30 posts - 6,691 through 6,720 (of 11,913 total)