Forum Replies Created

Viewing 30 posts - 2,941 through 2,970 (of 11,513 total)
  • Author
    Posts
  • maybe offtopic – but on ajax search input field – i hampered the return key by this – so that you can not go to search results page by pressing return key.

    function disable_enter_key(){
    ?>
    <script type="text/javascript"> 
    (function($) {
      $(document).on('keypress keydown keyup', '#searchform', function(e) {
        if(e.keyCode == 13) {
        e.preventDefault();
        return false;
        }
      });
    })(jQuery); 
    </script>
    <?php
    }
    add_action('wp_footer', 'disable_enter_key');

    keyCode for Space is 32 – I don’t know if it is possible that a keyCode == 32 is accidentally suppressed on your installation.

    in reply to: Image caption button lightbox #1358974

    Nicht dafür.
    PS : ich konnte auch nur die Seite sehen, weil im Screenshot oben die Domain zu sehen war.

    in reply to: Image caption button lightbox #1358965

    Ach komm schon vorhin war im DOM nix zu sehen – Da war der Container leer! ;)
    Wie auch immer wenn du jetzt zu deinem Verschieben auch noch das overflow richtig setzt siehst du auch unterhalb das Caption:
    _____________
    Oh, come on, there was nothing to see in the DOM earlier – the container was empty! ;)
    However, if you now also set the overflow correctly to your move, you will also see the caption below:

    #top .avia-image-overlay-wrap a.avia_image {
      overflow: visible;
    }

    PS: du lädst viele Bilder über http – daher auch kein Schutzzeichen oben in der URL.
    Schau mal woran das liegen könnte. Wenn garnichts hilft, installiere Search und Replace
    Da kannst du die Datenbank durchsuchen und Zeichenfolgen ersetzten also zB
    suchen: http://domain.touch
    ersetzen: https://domain.touch
    achte aber darauf, dass sich bis auf das http – https nichts in den Feldern unterscheidet auch keine leerzeichen oder Striche etc. pp

    in reply to: Image caption button lightbox #1358919

    And you realy inserted to the caption input field some text? There is no reason why the other images have that – and the one not.

    in reply to: Design transition from slide show to color selection? #1358883

    Developer Tools des Browsers öffnen – zu dem svg navigieren – rechte Maustaste – äußeres html kopieren:

    and: https://kriesi.at/documentation/enfold/columns/#adding-custom-svg-dividers

    Meine Empfehlung nun – hochladen der custom svg files in einen uploads unterordner: avia_custom_shapes
    für die Option “has flip” benötigst du dann allerdings zwei files – wobei die Nomenklatur dann des Flip Files festliegt ( hat als addendum : -negative )
    (transparenz und Füllung wechseln hier )

    in reply to: Footer is showing testlinks #1358881

    I’m afraid you’ll have to reset the footer widgets.
    They will have been reset to the default values.

    in reply to: Hovering (Mouse Over) Captions #1358878

    temp remove of the title tag on hovering – put this to your child-theme functions.php:

    function temporary_removal_title_tags(){
    ?>
    <script>
      window.onload = function() {
          var links = document.querySelectorAll('a, img, *[title]');
          for (var i = 0; i < links.length; i++) {
              var link = links[i];
              link.onmouseover = function() {
                  this.setAttribute("data-tooltip", this.title);
                  this.title = "";
              };
              link.onmouseout = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
              link.onmousedown = function() {
                  this.title = this.getAttribute("data-tooltip");
              };
          }
      };
    </script>
    <?php
    }
    add_action('wp_footer', 'temporary_removal_title_tags');

    well one thing is that on touch devices ( mobile phones ) there is no hover effect.
    you can do this to show it always on the touch device case:

    .avia_mobile #top .av-active-gal-item .av-horizontal-gallery-link {
       opacity: 1 !important;
    }

    or use that class instead touch-device

    but that one thing you mentioned i could not reproduce : that there is only a half lightbox button.
    Next: on my simulated mobile devices – your gallery do that what you like to have – it opens directly the lightbox on click.

    Edit:
    aha – i know now why – you make the button a 100% width and height.

    in reply to: Custom location breadcrumb #1358808

    Well – a manual way to do it is to use the shortcode for the breadcrumb trail:
    place this to your child-theme functions.php :

    function av_breadcrumbs_shortcode( $atts ) {
    	return Avia_Breadcrumb_Trail()->get_trail( array( 'separator' => '/', 'richsnippet' => true ) );
    }
    add_shortcode( 'av_breadcrumbs', 'av_breadcrumbs_shortcode' );

    and use whereever you like to place that as : [av_breadcrumbs]

    in reply to: Design transition from slide show to color selection? #1358757

    Das sind custom made svgs. Schau dir die svgs von Enfold mal mit einem Guten Texteditor an ( OSX: Sublime Text oder Windows: notepad++ )
    Der Aufbau ist recht ähnlich – ein wenig was über svgs sollte man wissen.

    PS : das svg liegt ja im DOM als inline svg file explizit vor. Niemand hindert dich das svg aus dem DOM herauszukopieren ;)
    Anleitungen wie man custom svgs einbindet gibt es nicht nur von mir hier an Board genüge :)

    PPS: was überigens bei den meisten svg dividern der Fall ist – so auch bei Elementor und Konsorten.

    schau mal die Stadt-Silhouette: https://guenterweber.com/#footer

    in reply to: Design transition from slide show to color selection? #1358679

    wenn du in der gleichen color-section für den unteren divider dann z.B.: als Divider color wählst: #cf1b15 dann ist auch dort der Übergang harmonisch.

    in reply to: Design transition from slide show to color selection? #1358678

    Ein ID wird hier garnicht benötigt – dieses outwards-top-divider ist eine Klasse, damit du das auch auf einer Seite mehrmals nutzen kannst muss das so sein. Diese Klasse geht an die color-section selber:
    ( bei Color-Section zu Color-Section macht das Überlappen zu der anderen Sektion keinen Sinn, aber falls nochmal ein Slider oder z.B. eine Grid-Row so sein soll …

    Wenn du bei den svg-dividern dann wählst:

    ist der z-index automatisch auf 100 gesetzt.
    Da du jetzt ja einen Übergang von dem Slider zu einer weißen Color-section haben möchtest, wählst du bei Divider Color auch weiß.

    in reply to: Icon – Tooltip Background Block width #1358665

    to which element this request is concerning?
    There are some ALB elements which are accompanied by a tooltip.

    PS: really 10px width ?

    in reply to: Design transition from slide show to color selection? #1358664

    Do not forget the custom class to set and :

    in reply to: Masonry portfolio title underneath a square image #1358658

    you can see here all css and settings that are needed:

    https://enfold.webers-webdesign.de/smudgedesign/

    in reply to: Design transition from slide show to color selection? #1358644

    your idea – to use the following color-section with top svg divider is the right one.
    There are twp things to keep in mind:
    – the z-index had to be bigger ( this could be done in the alb settings on divider ( keep in front )
    – transform-origin default value is : center center
    so if you only rotate or mirror the svg – it stayes in the same position : but if you set the transform-origin to top center – it will have the desired effect.

    also remember to take the Divider Color equal to the background-color of that color section.

    but to use it whereever you like to have it – it is best to give to the following color-section a custom class – f.e.: outwards-top-divider
    i prefer the scale transformation – but rotate(180deg) is also possible:

    .avia-section.outwards-top-divider .avia-divider-svg-top {
      transform: scaleY(-1);
      -webkit-transform-origin: center top;
      transform-origin: center top;
      z-index: 100;  /*** if you set it in the alb - you don't need this rule here ***/
    }

    see: https://enfold.webers-webdesign.de/martin/

    PS: i transform here the surrounding container of the svg – the reason is not to overwrite the transforms of the svg itself.

    in reply to: Image not showing on mobile #1358567

    hover the area where you like to place that element. On hovering the drag&drop areas where you can place that element are shown with a blue background.
    If you are over the place where you can and want to place it – the background gets green.

    in reply to: Button alignment over 3 columns #1358534

    it is so simple – but my dear participants are not really interested in a good solution ;) very sad!

    in reply to: Always trouble with migration #1358533

    use a nice tool : plugin: duplicator. – it is very powerful even as non pro Version ( pro only has ftp and cloud storage)
    it generates two files – an installer.php file and a zip ( or if to big an own format for it: daf)
    you only upload those two files to your installation root directory. Start installer.php and just insert the new server infos and server passwords.
    Thats it.

    in reply to: Portfolio filter not working #1358532
    in reply to: image border shall be beyond color section #1358449

    you can shift the column the image is inside. That is possible with older enfold versions.

    row margins : custom margins.

    in reply to: image border shall be beyond color section #1358444

    depends on the enfold version you are running.
    The newest one got a own options dialog on this Image – Advanced tab:

    see here an example : https://enfold.webers-webdesign.de/image-overlap/

    in reply to: self hostet google fonts go missing after a while #1358303

    Have you deactivated the theme support for loading Google fonts?

    something like this:

    function my_output_google_webfonts_script( $activate ){
      return false;
    }
    add_filter( 'avf_output_google_webfonts_script', 'my_output_google_webfonts_script', 10, 1 );

    i do always load my fonts locally – mainly from GDPR (DSGVO) reasons.
    Even if you have hampered that loading – you can use determination of used fonts by: Enfold (Child) – General Styling – Fonts.
    If you load different fonts than those listed – you can add to that list your self hosted fonts.

    f.e.:

    function avia_add_custom_font($fonts){
        $fonts['Amaranth'] = 'Amaranth:ital,wght@0,400;0,700;1,400;1,700&display=swap';
        return $fonts;
    }
    add_filter( 'avf_available_google_fonts',  'avia_add_custom_font');

    The added custom font is at the end of the dropdown list (not in alphabetical order)

    • This reply was modified 2 years, 7 months ago by Yigit.
    in reply to: change the color for each category #1358294

    By the way – you are loading your questrial font from mixed content page – guess it was your developer page :
    mf-prod.com/voxius/

    if you like to synchronize the colors on your sidebar category listings :

    .widget .cat-item-42 a {color: blue}
    .widget .cat-item-45 a {color: green}

    etc.

    maybe this is easier to use instead – because you do not need to look for the ID’s:

    .widget .cat-item a[href*="newsletters"] {color: green}
    .widget .cat-item a[href*="vie-du-cabinet"] {color: orange}
    .widget .cat-item a[href*="publications"] {color: blue}

    etc.

    in reply to: change the color for each category #1358254

    f.e. on that page: https://www.voxius-avocats.com/actualites/

    .av-sort-by-term   a.active_sort .inner_sort_button span {
      text-transform: uppercase;
      font-weight: bold;
    }
    
    #masonry_id_interventions_sort .av-masonry-entry-title.entry-title,
    .interventions_sort_button .inner_sort_button {
      color: red;
    }
    in reply to: change the color for each category #1358241

    try:

    .category-podcasts .av-masonry-entry-title.entry-title,
    .category-podcasts .post-title.entry-title,
    .sort_by_cat a.podcasts_sort_button {
      color: red;
    }
    
    .category-newsletters .av-masonry-entry-title.entry-title,
    .category-newsletters .post-title.entry-title,
    .sort_by_cat a.newsletters_sort_button {
      color: green;
    }
    
    .category-publications .av-masonry-entry-title.entry-title,
    .category-publications .post-title.entry-title,
    .sort_by_cat a.publications_sort_button {
      color: blue;
    }
    
    .category-vie-du-cabinet .av-masonry-entry-title.entry-title,
    .category-vie-du-cabinet .post-title.entry-title ,
    .sort_by_cat a.vie-du-cabinet_sort_button {
      color: orange;
    }

    etc.
    each 3rd line is if you got a sort on categories aktivated

    PS: if you like to have an indicator for activated sort cat:
    f.e.:

    .sort_by_cat a.active_sort {
      text-transform: uppercase;
      font-weight: bold;
    }

    IMPORTANT : sometimes it is not sort_by_cat but : av-sort-by-term ( if portfolio masonry …)
    like here on that masonry: https://kriesi.at/themes/enfold-2017/elements/masonry/

    And you see – we could have the problem that a post has two or more cats or portfolio “cats” ( terms )
    like in the example page : portfolio_entries-photography and portfolio_entries-illustration

    on that portfolio case you got some ID’s to differ what is active sort: ( for that demo page of enfold above )

    #masonry_id_photography_sort .av-masonry-entry-title.entry-title {
      color: red;
    }
    #masonry_id_illustration_sort .av-masonry-entry-title.entry-title {
      color: blue;
    }
    in reply to: LayerSlider Popup doesn't work #1358238

    it works with the shortcode inserted on a page.

    Or now i tested it for you – deinstall the embeded Layerslider ( if you have allready some sliders – choose option : Remove theme plugin files and keep slides ):

    then install the downloaded plugin. It will work then as expected.

    in reply to: Main Menu_ Line indicates the wrong side #1358135

    Well there are a lot of anchors on your page. those invisible headings – and these anchors are found sometimes three times in your submenu.
    F.e. the #oeffnungszeiten (h6 id=oeffungszeiten ) – when you scroll to that h6 – so it is on top – the indicator shows the concerning link – but why it does jump to the next – or previous submenu i realy do not know.

    in reply to: fixed back round image on mobile version #1358131

    yes you can use all the other settings on min-height option without that littel fix of Link
    But for the 100% setting this seems to be the fix for it. Fortunately, this class (av-minimum-height-100) is added in that case.

    in reply to: LayerSlider Popup doesn't work #1358101

    Edit: Maybe you test to place the shortcode on the wanted page in a text-block or code-block element.
    The Option to show on Target Pages does not do the job ( maybe only on ALB generated pages/posts )

Viewing 30 posts - 2,941 through 2,970 (of 11,513 total)