Forum Replies Created

Viewing 30 posts - 361 through 390 (of 10,649 total)
  • Author
    Posts
  • in reply to: Edit Coloums #1447814

    hier kannst du mal eine Umsetzung mittels Grid Layout nachvollziehen:
    Ziehe den Screen mal kleiner als die 1200px dann siehst du wie die responsive Setzung arbeitet. Man müsste dann noch für sehr kleine screens etwas machen.

    https://webers-testseite.de/kdrbh/

    Sehr gute Einführung:
    https://css-tricks.com/snippets/css/complete-guide-grid/
    und
    Playground: https://grid.layoutit.com/

    in reply to: Edit Coloums #1447780

    Warum denkst du so kompliziert?
    Warum machst du nicht ganz normal 1/2 columns und setzt jeweils dort ein Text-block hinein. Das bild kannst du dort im Text-Block auch als links – bzw. rechtsbündig setzen.
    Ist auch für das responsiv verhalten wesentlich leichter zu handhaben. Versuch doch mal durchzuspielen, wie dein Layout – speziell die Bilder reagieren sollen bei schmalen Screens!
    PS: komplexe layouts kann man mit dem Grid Layout erstellen – aber wie gesagt – warum kompliziert wenn es auch einfacher geht.
    __________

    Why don’t you just make 1/2 columns as normal and put a text block in each. You can also set the image in the text block to be left-aligned or right-aligned. It is also much easier to manage for responsive behaviour. Try playing around with how your layout – especially the images – should react on narrow screens!

    PS: complex layouts can be created with the Grid Layout – but as I said, why make it complicated when it can be simpler?

    see: https://webers-testseite.de/grid-layout-modul/
    PPS: die Felder müssen nicht immer definiert werden, aber man kann dann sehr (sehr) flexibel die Zellen im responsiven Fall behandeln.

    in reply to: several problems … #1447761

    for 2)
    btw: that is not a blog setting – blog is context index
    these are archive pages.

    put this to your child-theme functions.php:

    add_filter("avf_post_slider_args", function($atts, $context) {
      if( $context == "archive" ) {
        $atts['type']  = 'grid'; 
        $atts['columns']  = 4;
        $atts['preview_mode'] = 'custom';
        $atts['image_size'] = 'magazine'; // if you want to have different source Images for that setting
      }
      return $atts;
    }, 10, 2);
    in reply to: toggle titles at bottom … #1447693

    it is the green button under “Philosophie und Anspruch” – just a little styled to look like a button.
    if you look to that via developer tools – you can switch positions by drag&drop – so that the toggle_wrap is before the toggler.
    Doing that – the function is working and that is something that looks nice to me too.

    But : changing position inside toggles.php will not work that way:

    $output  = '';
    $output .= "<section class='{$section_class}' {$markup_tab}>";
    $output .=		'<div role="tablist" class="single_toggle" ' . $this->create_tag_string( $toggle_atts['tags'], $toggle_atts ) . '  >';
    
    $output .=			"<div id='{$toggle_atts['custom_id']}' class='toggle_wrap {$item_contentClass} {$contentClass}' {$toggle_init_open_style} {$markup_answer}>";
    $output .=				"<div class='toggle_content invers-color {$item_inherit}' {$markup_text}>";
    $output .=					ShortcodeHelper::avia_apply_autop( ShortcodeHelper::avia_remove_autop( $content ) );
    $output .=				'</div>';
    $output .=			'</div>';
    
    $output .=			"<{$this->heading_tag} data-fake-id='#{$toggle_atts['custom_id']}' class='toggler {$item_titleClass} {$titleClass} {$item_inherit}' {$markup_title} role='tab' tabindex='0' aria-controls='{$toggle_atts['custom_id']}'>";
    $output .=				$toggle_atts['title'];
    $output .=				'<span class="toggle_icon">';
    $output .=					'<span class="vert_icon"></span>';
    $output .=					'<span class="hor_icon"></span>';
    $output .=				'</span>';
    $output .=			"</{$this->heading_tag}>";
    
    $output .=		'</div>';
    $output .= '</section>';

    so there must be ( inside the js file ?) a selector that needs the DOM ( first toggler then toggle_wrap ) Structure ( like .next) but i only found one – and changing it to previous will not work.

    Edit: oh sorry – i should have searched for the opposite of .next() in my memory it was previous – because previousSibling was still anchored in my memory bank.
    jQuery is of course : .prev()
    And now you can see what i mean on that page.

    It is a better effect with the toggler than realising it via ‘Fold to Container Height’ on text-block. With the toggler you have better control over what is shown and what is not – at any screen width.

    in reply to: Autoscroll Issue with iFrame #1447651

    by the way – the source site of evidenz.de is an Enfold site too. Maybe you can ask them what you should do to hamper that scrolling.
    The script is small enough to not load from their site- download it – make some change to the script and compress it (f.e. on https://jscompress.com/) to have a minified version of it. enqueue that minified script from your own server.

    in reply to: secondary menu as hamburger menu #1447554

    so it is not a second menu meant but a different one ?

    in reply to: Autoscroll Issue with iFrame #1447492

    ok – that is something different. But i think the script does not work as it should anyway.
    because a modal window should actually be created – right?
    ” // PG: this version of the js-file handles the modal without the need of jQuery ”

    Then the scroll position of the modal window makes sense. And mike pointed out where the code is for doing that.
    For me it looks like the modal should open on page load – and the top of that iframe inside the modal window is then on top.
    But there is no modal window.

    can you please post the code of the code-block element here ( use the code tag from the options above please )
    ________
    Was wird denn dort innerhalb des iframe angezeigt? woher speist sich der Inhalt? Meinst du nicht, das es auch mit Enfold mitteln gehen sollte? – ohne extra scripte?

    What is displayed within the iframe? Where does the content come from? Don’t you think that it should also work with Enfold means? – without extra scripts?

    in reply to: secondary menu as hamburger menu #1447444

    Well – if that is what I think you want, then there is no trivial solution.
    i did it here for very small screens (mobile device screen width) on : https://guenterweber.com/datenschutz/
    because the widget ( second menu) on that page needs more place – that is not there on small screens.

    Base of even the Enfold Hamburger (av-hamburger–spin) for main-menu is : https://jonsuh.com/hamburgers/

    in reply to: Autoscroll Issue with iFrame #1447437

    may i see your example page too?
    As participant i do not see your private content area. Or describe your problem in more details.
    F.e. a lot of users say iframe and they mean a lightbox window.

    in reply to: Mailchimp-Popup #1447426

    do not forget that on jQuery 3.x the

    
    jQuery(window).load(function(){

    is deprecated – it has to be now:

    
    $(window).on('load', function(){

    in addition to that – why do you like to open a different page in the lightbox?
    do you have on many pages that button?

    do you belong to the marked text just before the caret starts with the new word?

    try:

    .av-marked-text .av-rotator-text-single {
    	background-color: transparent !important
    }

    the color of changing words and carret:

    #top .av-rotator-container .av-rotator-text-single {
      color: inherit !important;  /***** if it should get the color of the other words  ***/
    }
    
    .av-caret .av-rotator-text-single:after {
      border-color: #FFF;   /***** change to your needs ***/
      /***** display: none;   if you do not want to see any carret ***/
    }
    

    see my example ( with special text-shadow) : https://webers-testseite.de/park13

    PS: because i do not see your setting i could not give you better advice. Maybe a multiline ( with the rotating text on a new line ) has a bit different selectors.

    in reply to: Contact form button custom styling #1447186

    big hussle is that it is no button element – it is an input – with button functionality.
    if it is a button tag – then styling is much easier.

    you can change that by child-theme functions.php snippet:

    function change_input_to_button_tag(){
    ?>
    <script>
      (function($) {       
          function replaceElementTag(targetSelector, newTagString) {
            $(targetSelector).each(function(){
              var inputvalue = $(this).attr('value');
              var newElem = $(newTagString, {html: $(this).html()});
              $.each(this.attributes, function() {
                newElem.attr(this.name, this.value);
              });
              $(this).replaceWith(newElem);
              newElem.append('<span class="submit">'+inputvalue+'</span>');
            });
          }
          replaceElementTag('.avia_ajax_form input.button', '<button></button>');
      }(jQuery)); 
    </script>
    <?php
    }
    add_action('wp_footer', 'change_input_to_button_tag');
    in reply to: Google maps marker location #1447049

    So – this is not provided with the Enfold Google Maps element.
    But what you could do is place a dummy marker at the top of the list, with a custom marker. Then you upload a completely transparent png file. Since the top of the list determines the center of the map, you could achieve your goal.

    in reply to: Only socket without footer on one single page #1446869

    have a look on that page – open editor – on the right side there are layout options – including a part for footer setting and footer behaviour.

    Unfortunately, exactly this option is missing – only display the socket and hide the footer page.
    There is probably no other option than to set the footer page to display none with the page ID.

    f.e.:

    #top.page-id-3 #footer-page {
      display: none;
    }

    yes – or you decide to influence the placeholder text and input text.

    #top .header_color input::placeholder,
    #top .header_color input[type="search"] {
      color: #fff !important;
    }

    or a combination:

    #top .header_color input::placeholder,
    #top .header_color input[type="search"] {
      color: #fff !important;
    }
    
    #top .header_color #s {
    	background: linear-gradient(-90deg,#7ea338,#3b4b1e);
    }
    in reply to: Top of Page link with icon #1446861

    a fast way might be to only replace the content:

    #scroll-top-link[data-av_icon]::before {
      content: url(/wp-content/uploads/myTest.svg);
    }

    But I only tested it with an svg file, so I had no problems getting the dimensions to fit.

    in reply to: Insertion of Vertical Pipe in Footer Widget #1446768

    you can have it in between the first and second column:

    #footer .flex_column.first  {
      border-right: 1px solid rgba(255,255,255,.3);
    }

    or more nearby the content of your first column:

    #footer .flex_column.first .widget {
      border-right: 1px solid rgba(255,255,255,.3);
      padding-right: 30px;
    }
    in reply to: slideDown speed on toggles #1446684

    Yes – thanks Ismael – and I started a feature request on Github for this setting.
    This is, after all, almost a custom child script now – so if there’s no way on having (at least) a filter for that I had to live with it.

    in reply to: Info: automatic sitemap for your page #1446488

    For the google search console i named the sitemap : my-sitemap.xml
    so i can create a page that does not interfere that (included) way.
    Because that google sitemap had to be in root directory and a domain/sitemap will then open that sitemap.xml

    in reply to: Icon grid flip – close #1446364

    this is very nice !

    on mobile we have this behaviour (close on click outside) already – because of Content Setting : “Mobile Close Behaviour”
    does your script interfere with it?
    On mobile even a click on a different Flip-Card closes the other ones. ( that is my prefered behavior) and closes all on clicking outside.

    in reply to: Highlight menu color #1446085

    on my iPad i do not see any blue pop ups.
    have you erased your device cacheing?

    maybe it has to do with the default strip_tags option on many excerpts ( post_excerpt )
    or that function avia_backend_truncate often used in enfold to filter strings.

    PS try <strong> instead of <b>
    strong , em and span are excluded tags from strip_tags

    in reply to: Highlight menu color #1445980

    can you make the link to your page public? releasecfs etc. i found a lot about you – but i do not see the “highlight” you are talking about.
    Presumption would be the background of: .html_stretched #wrap_all

    in reply to: Easy Slider Darken Image (Opacity) #1445850

    i would prefer this solution:

    #top.page-id-102 #av_section_1 .flex_column img {
      -webkit-filter: brightness(0.6) blur(3px);
      filter: brightness(0.6) blur(3px);
      transition: filter 1s ease;
    }
    
    #top.page-id-102 #av_section_1 .flex_column:hover img {
      -webkit-filter: brightness(0.8) blur(0px);
      filter: brightness(0.8) blur(0px);
      transition: filter 1s ease;
    } 
    in reply to: Hide WMPL Flags #1445838

    ok – thanks

    maybe you decide to style it a little:

    #lang_sel_list {
      display:  inline-block !important;
      background-color: rgba(255,255,255,0.3);
      -webkit-backdrop-filter: blur(3px);
      backdrop-filter: blur(3px);
      border-radius: 5px;
      padding: 5px ;
    }
    
    #lang_sel_list > ul {
      display:  flex !important;
    }
    
    #lang_sel_list .wpml-ls-item {
      position: relative;
      left: 0 !important;
    }
    
    #lang_sel_list .wpml-ls-link {
      text-decoration: none !important;
    }
    
    #lang_sel_list .wpml-ls-link:hover {
      background-color: rgba(0,0,0,0.3);
    }
    in reply to: Hide WMPL Flags #1445588

    ok – if there is no easy way. Just switch for a short moment to:
    General Layout : Top Header
    Go to “Header – Extra Elements and choose on Enfold WPML Language Flags (Global Setting) : hide …
    Switch back to your “Left Sidebar Header”
    Save the settings

    Now insert this to your child-theme functions.php:

    add_action('ava_main_header_sidebar', function() {
      echo do_shortcode("[wpml_language_selector_widget]");
    });

    And now style it via WPML – Languages – Custom language switchers

    DOM will look like this then:

    in reply to: Hide WMPL Flags #1445573

    on WPML – Languages – there is in the options : “Menu language switcher ” Add a new one.
    Then you see the options for that menu you choose

    if the switchers are not inside a menu – you can scroll down a bit and have : “Custom language switchers” mark it and customise it there.

    i do not have an enfold setting with header on the left and WPML – so i can not test it for you.
    if that position does not belong to these settings:

    try: https://kriesi.at/support/topic/wpml-language-switcher-8/#post-695476

    but: i think these filters and action hooks are deprecated now. on : class-avia-wpml.php lines 86 to 110 there are more options to influence. i think a mod should instruct you with these new “options”

    or read this for more info: https://wpml.org/documentation/theme-compatibility/enfold/#enfold-language-switcher

    What font do you like to upload?

    long time ago – and with some changes ( for example the possibility to upload variable fonts ) you can read here a more detailed instruction:
    https://kriesi.at/support/topic/host-web-font-yourself-some-info/#post-1364066
    And: a tip if it is realy neccessary to have a specific italic typeface.

    when you download the files from transfonter ( you can pick out from that zip the woff and ttf files into a folder with name you like to give.
    You do not need any other files inside your zip than the pure font-formats!
    F.e. name that folder for all the open-sans fonts “Open Sans” – see:

    zip this folder ! BUT be carefull on your Mac OS – because OS will have inside that folder hidden files ( this is typical for OSX folders ).
    Some of the OSX Compressor Tools like BetterZip have an option to zip for PC ( then these hidden system files will not be in this zip file)
    these are your “MACOSX (font-family: macosx) “. ( But you can erase these “Fonts” from Font Manager.

    This “4ab16c3952a6f71bb538afe303ac6379.woff2” happens because you have uploaded directly the downloaded zip file.

    if you rename the zip.file to f.e “Open Sans” then the Font Manager will show the folder name as Font Name (green) – and the filenames will end in the original implemented postscript font-family name.

    in reply to: Timeline Navigation #1445504

    can you please remove the css code from Ismael and insert instead :
    ( because of .avia-slideshow-carousel must stay overflow: hidden – the left arrow is not visible )

    @media only screen and (min-width: 990px) {
      .avia-timeline-container {
        padding: 0 40px;
      }
    
      .av-timeline-nav {
        padding-top: 0px;
        width: 100%;
        overflow: visible !important;
      }
    
      #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-next > a.next-slide {
        position: absolute;
        top: 0px;
      }
    
      #top .avia-timeline-container.av-slideshow-ui .avia-slideshow-arrows.av-visible-prev > a.prev-slide {
        position: absolute;
        top: 0px;
      }
    }

    maybe you like to include to that media-query a setting to have more space for the :

    .avia-timeline-horizontal.av-milestone-placement-top .av-milestone-content-wrap {
      padding: 30px 15px 10px 80px;
    }

    after that we can see if we need to fix some other settings.

Viewing 30 posts - 361 through 390 (of 10,649 total)