Forum Replies Created

Viewing 30 posts - 1 through 30 (of 48 total)
  • Author
    Posts
  • in reply to: Keyboard accessibility for DropDown menus #1309311

    Is there anyway to add this using a filter – (snippets plugin) so I don’t have to change the megamenu.js on theme updates?. I am getting more and more WGAC/ADA compliance requests/mandatories.
    thanks!

    in reply to: Cookie / Privacy Policy Tab Section layout #1271623

    Ah ha! I was using the “tab section”element not the “tabs” element!
    thank you!

    in reply to: Cookie / Privacy Policy Tab Section layout #1271372

    I have used the tab element before but it only has options to display the tabs above or below the sections. I don’t see any option to display the tabs on the side like the Privacy/Cookie layout is displayed in Enfold (per screenshot). So I assumed this was done with some CSS manipulation?

    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1265535

    Yes I did that – and tested in Chrome Dev tools as well.

    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1265524

    change to “end” didn’t seem to affect any change – Nav is still left justified.
    thanks!

    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1264893

    @ismael – thanks again –
    how would I do the opposite approach – and float the nav to the right instead of left?
    I tried using justify-content end – but that did not work.
    thanks!

    • This reply was modified 4 years ago by jomo5280.
    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1264314

    Thank you @ismael !! you rock! I haven’t messed around with Flex / Justify content – looks pretty powerful!

    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1261652

    Please refer to static image

    • This reply was modified 4 years, 1 month ago by jomo5280.
    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1261438

    This is the Link to documentation:
    https://kriesi.at/documentation/enfold/example-of-logo-left-menu-center-widget-right/#toggle-id-2

    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1261436

    currently site is on a staging server which only I can view, and this is the code I am using:
    (I just need .main_menu to float left next to logo, as oppose to being centered in the header (not using justify-content: space-between;)

    /*--------------------------------
    
    » Header
    
    --------------------------------*/
    
    /* Height */
    
    #top #header #header_main .container.av-logo-container {
        height: inherit;   /* Auto height: Header takes the height of the contents */
    }
    
    /* Header inner container */
    
    #top #header #header_main .container.av-logo-container .inner-container {
      height: inherit; 
      position: relative !important;
      flex-wrap: nowrap;
      justify-content: space-between;
    }
    /* Wrappers 
    --------------------------------*/
    
    /* Header content and Topbar */
    
    .responsive #top #header {
        flex-wrap: wrap;
    }
    
    /* Header contents: Logo, Menu, Social Icons and Widgets. */
    
    .responsive #top #header #header_main {
        flex-basis: 100%;    
    }
    
    /*--------------------------------
    
    » Menu
    
    --------------------------------*/
    
    /* Menu outer container: Menu with siblings cart and social icons */
    
    .responsive #top #header #header_main .inner-container .main_menu {
        order: 0;
        flex-basis: auto;   /* Use calc to minus the width of the logo */
        align-items: center;
        align-self: center;
    }
    
    /* Navigation */
    
    #header .av-main-nav {
        display: flex;
        flex-wrap: nowrap;
    }
    • This reply was modified 4 years, 1 month ago by jomo5280.
    in reply to: Widget Area in Nav (Logo Left, Nav Left, Widget Right) #1261390
    in reply to: FAQ Accordion keeps randomly jumping on page #1246863

    I have multiple toggles in different color sections on a landing page. I too am experiencing random jumping around the page when user toggles content. It seems to happen more in Chrome.

    Mailworm – I am running into same issue when using ?iframe=true function on only IOS devices (Safari & Chrome) – the iframe content doesn’t adhere to the viewport (phone portrait) – it just runs to the right for miles… Did you ever find a fix for this?
    thanks!

    • This reply was modified 5 years, 3 months ago by jomo5280.
    in reply to: Fade In Animation – Tab Sections – stops working #1066709

    Fixed! I added the following classes to my column elements to force all fade-in columns to animate on page load or tab title click (not waiting to scroll through viewport).

    CSS Class:
    av-animated-generic fade-in avia_start_animation avia_start_animation_when_active

    I think the “avia_start_animation_when_active” class forced it to start animation on page load/tab title click.
    This fixed content in my tab-sections that had the fade effect not to get stuck on 0 opacity.

    Hope this fix helps others if they have same situation!

    • This reply was modified 5 years, 10 months ago by jomo5280.
    in reply to: Change Title on portfolio filters #1064231

    No problem – I think I found an alternate solution using tab-sections instead.
    Thank you for checking it out out for me!

    in reply to: Change Title on portfolio filters #1063932

    Applying custom title(s) to .av-current-sort-title and not effect the titles of the sort_by_cat items?
    Anybody have any idea(s) to see if this is possible with an add_filter snippet as mentioned above?
    I need a custom title to appear when users filter each category (replacing the default title pulled from sort_by_cat) – and ideally control via add-filter – but open to suggestions!
    thank you!

    • This reply was modified 5 years, 10 months ago by jomo5280.
    in reply to: Change Title on portfolio filters #1063683

    As a follow up, I did find “Replace the word “ALL” in portfolio filter” in the documentation:

    /**
     * Use the "avf_portfolio_sort_first_label" filter changes first label (All) in Portfolio Grid element
     *
     **/
     
    add_filter('avf_portfolio_sort_first_label','new_portfolio_first_label');
    function new_portfolio_first_label() {
    $first_item_name = " NEW ALL TEXT ";
    return $first_item_name;
    }

    I assume this would work for, $second_item_name; $third_item_name; $fourth_item_name; – would this be correct?
    Also, how would I only apply it to the .av-current-sort-title and not effect the titles of the sort_by_cat items?
    thanks!

    in reply to: Toggle Title/icon on bottom #1047550

    Resolved!
    I needed a different type of toggle with arrow up/down and be at the bottom of the content when opened. (and not mess with core Enfold toggle.php files)
    I got this jfiddle to work by adding it via snippets plugin:

    add_action( 'wp_head', function () { ?>
    <script>
    jQuery(document).ready(function($) {
     $('#open-close-toggle').on("click", function(){
       var $arrows = $(this).find("img");
       $('#toggle-section').slideToggle(function(){
           $arrows.toggle();
       });
    });
    	});
      </script>
    <?php } );

    Here is the URL to the Jfiddle Toggle in case it helps anybody in the future: https://jsfiddle.net/hibbard_eu/kBJKb/

    in reply to: Toggle Title/icon on bottom #1047471

    Understood – I was trying to mess with toggle.js file – I think i just need to move a DIV down to the bottom – but for some reason hasn’t been successful.

    I did find a Jfiddle dropdown example- but can’t seem to get the script to load in enfold correctly.
    I am using Snippets to add the functional file – but not working.

    Do you know the correct syntax to add this to the functions file? Does it need to use jQuery?

    $('#open-close-toggle').on("click", function(){
        var $arrows = $(this).find("img");
        $('#toggle-section').slideToggle(function(){
            $arrows.toggle();
        });
    });

    Just install Classic Editor Plugin and bypass the inferior “Gutenberg” block editor. It is crap. Enfold Visual Composer is light years ahead of this. Thus why we purchase Enfold – because it is one of the best, if not the best visual composers, not only for novice users, but can be easily highly customized for experienced developers. In my opinion this update is going to be a big mistake for WordPress. But I applaud Kriesi for not leaving us hanging and dealing with this crap! ;)

    in reply to: Add Font Icon next to Hamburger Menu on Mobile #1034970

    **RESOLVED**

    I used Ismael’s code snippet here: https://kriesi.at/support/topic/add-phone-icon-next-burger-menu-icon-on-mobile/#post-944398
    I changed the URL link to my plugins recommended link (#dakh-search) and changed to a search icon: entypo-fontello’, ‘icon’ => ‘ue803

    Hope this helps somebody in the future.

    in reply to: Apply a mix-blend-mode to image caption color overlay #1025756

    Ok, i have resolved this issue as well – had to edit image.php to get the caption out of the parent Div.

    //$overlay = "<div class='av-image-caption-overlay'>{$overlay_bg}<div class='av-image-caption-overlay-position'><div class='av-image-caption-overlay-center' {$style}>{$content}</div></div></div>";
    							$overlay = "<div class='av-image-caption-overlay-center' {$style}>{$content}</div><div class='av-image-caption-overlay'>{$overlay_bg}<div class='av-image-caption-overlay-position'></div></div>";

    and add this to custom.css:

    .av-overlay-on-hover .av-image-caption-overlay-center{opacity: 0; filter:alpha(opacity=00); }
    .av-overlay-on-hover .avia-image-container-inner:hover .av-image-caption-overlay-center{opacity: 1; filter:alpha(opacity=100);}
    • This reply was modified 6 years, 2 months ago by jomo5280.
    in reply to: Apply a mix-blend-mode to image caption color overlay #1024973

    I have the effect applied to the top right image – and you can see how the text is effected by this blend mode as well, making it hard to read: av-overlay-on-hover .av-image-caption-overlay
    I need it so the white caption text is not effected by the blend mode and stays white – does that make sense?
    thanks!

    • This reply was modified 6 years, 2 months ago by jomo5280.
    in reply to: Disable Parallax background on mobile #1024399

    Thanks Victoria – I figured out the issue. I had a background class that was set to “cover” – i just reset to initial for mobile viewport and now is working nicely!

    in reply to: Enfold 4.4.1 & Gutenberg #1001341

    I use snippets plugin so i do not have to edit the functions file – i just wanted to know if the Guttenberg Snipped code ^ is correct syntax – or do i have to change it?

    Example use of how i enable debug mode in enfold:

    //set builder mode to debug
    add_action('avia_builder_mode', "builder_set_debug");
    function builder_set_debug()
    {
      return "debug";
    }

    sorry if this is confusing ;)
    thanks!

    • This reply was modified 6 years, 4 months ago by jomo5280.
    in reply to: Enfold 4.4.1 & Gutenberg #1000740

    Awesome! Will this code snippet work with my Snippets Plugin? I usually add snippets to this rather than messing with any function.php files…
    Just wanted to make sure that the exact syntax will work?
    thanks!

    in reply to: Blog Element – Move Date above Post Title #919972

    For my case – I need to move the date ABOVE the title in the avia blog element. Not the blog template page, but the avia blog element.
    thanks!

    in reply to: Grid Row Captions #907581

    I was able to figure out a solution using Codeblocks and css3 transitions.
    Here is a link to the css transitions that worked for me: Smooth Text Overlays with CSS

    You can close this.
    thanks!

    I selected my custom page as the “shop” page in woocommerce settings… and the filter widgets show up – however, they have no effect if you click on them, for example attributes are Gender: Male, Female, Unisex

    • This reply was modified 6 years, 10 months ago by jomo5280.
    in reply to: Snippet help – resize featured image #858206

    thank you – It finally worked when I resized “entry_with_sidebar size” – which seemed to work for my Featured Images in the Blog Posts.

Viewing 30 posts - 1 through 30 (of 48 total)