Viewing 30 results - 90,181 through 90,210 (of 142,835 total)
  • Author
    Search Results
  • #691043
    missouriartscouncil
    Participant

    Working on image caption overlays that are set for hover on desktop, wanting to make them always display on mobile and tablet. Following up on these two related posts:

    https://kriesi.at/support/topic/different-image-caption-hover-setting-for-mobile
    how to always display on mobile

    https://kriesi.at/support/topic/image-caption-setting-for-tablet
    how to always display on tablet specifically iPad

    In the second post, your team suggested this quick CSS:
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    .av-overlay-on-hover .av-image-caption-overlay {
    opacity: 1;
    }
    }

    If I correctly understand CSS media queries re min-width and max-width, could the setting just be this?
    @media only screen and (max-width: 1024px) {

    Won’t that trigger the always-display-the-caption-overlay command on any screen narrower than 1024px? So it would cover iPads and basically all the smartphones on the planet?

    Because from the way I understand min-width and max-width, this…
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    means the caption-overlay command triggers for screens narrower than 1024px and wider than 768px, but NOT narrower than 768px, so on smartphones, the caption won’t be visible.

    Or am I just completely confused? :-(

    #691037

    Was able to fix this by adding code to functions.php from this thread https://kriesi.at/support/topic/content-element-google-maps/#post-656399.

    Small update on this ancient topic.

    If you change the code for the social sharing it looks better. Not below the content, but below the google map:

    add_action( ‘tribe_events_single_event_after_the_meta’, ‘enfold_customization_events_social’ );
    function enfold_customization_events_social() {
    echo ‘</div>’;
    echo avia_social_share_links(array(), false);
    }

    I had to change the CSS a little too:

    
    .av-share-box {
        height: 140px;
    }
    #691022
    EliseBrowneHughes
    Participant

    I posted a support request a couple days ago, and haven’t heard anything. (#690031 Topic: SOME contact forms not being received) I am receiving most of the contact forms being submitted on my website, but about 10 percent are not coming through.

    One theory I have is that the contact form’s hidden spam filter is trashing some forms. Is this possible? Would using the Captcha make the form more likely to deliver every single form that is submitted and properly answers the Captcha question? Or is there a way to remove the hidden spam filter?

    Please, please, please respond.

    #690994

    The footer ist still an “issue” check out this topic: https://kriesi.at/support/topic/fixed-curtain-footer/

    #690978
    galpinr
    Participant

    I have an accessibility issue with the main navigation. The requirement is to enable keyboard navigation of the menu by using the TAB key. This a common accessibility requirement – WCAG 2.0.

    The issue is that tabbing through the menu results in skipping the sub menus altogether as they seem to not be able to react to FOCUS EVENT given by the tab key – instead they only react to the mouseover event – which of course requires a mouse.

    I found the code that seems to be enabling the sub menu dropdowns to open on mouseover in wp-content/themes/enfold/js/avia.js.

    But I have not been able to modify it successfully. I can get the sub menus to open on focus but I cannot get them to close when the tab moves to the next parent menu item.

    // bind events for dropdown menu
    dropdownItems.find('li').andSelf().each(function()
    {
    	var currentItem = $(this),
    		sublist = currentItem.find('ul:first'),
    		showList = false;
    		
    
    	if(sublist.length)
    	{
    		sublist.css({display:'block', opacity:0, visibility:'hidden'});
    		var currentLink = currentItem.find('>a');
    		
    
    /*	THIS WAS AN ATTEMPT TO ATTAIN KEYBOARD NAVIGATION THROUGH TABBING
    	
    		currentLink.bind('focus', function()
    		{
    			console.log('focus');
    			sublist.stop().css({visibility:'visible'}).animate({opacity:1});
    			
    		});
    
    		// THIS DOES NOT CLOSE THE SUB MENU
    		// BECAUSE IT DOESN'T FIRE IF THERE IS NO SUB MENU UNDER THIS DROPDOWN
    		// BASED ON CONDITIONAL ABOVE:  if(sublist.length) {  
    
    		currentItem.bind('focusout', function()
    		{
    
    			console.log('focusout');
    			sublist.stop().animate({opacity:0}, function()
    			{
    				sublist.css({visibility:'hidden'});
    			});
    			
    		});
    */
    
    		currentLink.bind('mouseenter', function()
    		{
    			console.log('mouse enter SHOW SUBLIST');
    			sublist.stop().css({visibility:'visible'}).animate({opacity:1});
    		});
    
    		
    		
    		currentItem.bind('mouseleave', function()
    		{
    			console.log('mouse leave HIDE SUBLIST');
    			sublist.stop().animate({opacity:0}, function()
    			{
    				sublist.css({visibility:'hidden'});
    			});
    		});
    		
    		
    
    		
    
    	}
    });
    

    In case you want to see it in my site here is the URL, however my experience is that this is not unique to my site.

    Navigate the through the page by hitting the TAB key when you get to 24×7 Help Desk the TAB should open the SUB MENU. It doesn’t. It skips it altogether.

    What to do? I have posted this issue in a couple other related threads but have had no response – so, I thought I would try to post the issue in its own thread. Sorry for the duplication. Love this theme – so I hope we can fix this weakness in the menu. Otherwise I can’t use this theme on my next project which is government related and so it has an ACCESSIBILITY requirement.

    #690958

    Hi Yigit,

    Thanks for the reply. That’s not achieving what I want, it is pushing it to the top of the browser window but I would also like the blue line to be full width, so it goes beyond the white border/frame around the site. Another problem is that it seems to be increasing the height of the logo area.

    I guess it might not be possible since I am building the site as a fixed frame?

    Thanks again

    #690947

    Hey jonrouse,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .html_header_top.html_header_sticky.html_av-framed-box #header {
        top: 0;
    }
    .av-frame.av-frame-top.av-frame-vert {
        display: none!important;
    }
    

    Best regards,
    Yigit

    #690946

    Hey Rosa!

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #socket .social_bookmarks:before {
        content: 'Follow us on ';
        display: block;
        float: left;
        position: relative;
        top: 10px;
    }
    

    Best regards,
    Yigit

    #690933
    dirtdiggr
    Participant

    It looks fine on desktop but in mobile (Android) the fullwidth easy slider does not load right. Do you know what’s wrong?

    View post on imgur.com

    • This topic was modified 9 years, 6 months ago by dirtdiggr.
    #690930

    Hey!

    Please do not create duplicated topics – https://kriesi.at/support/topic/slider-not-pausing-when-video-is-playing/
    It is making it harder for us and for other users to follow.

    Cheers!
    Yigit

    #690928

    Hey

    Please do not create duplicated threads – https://kriesi.at/support/topic/text-with-html-wont-display/
    It is making it harder for us and for other users to follow.

    Best regards,
    Yigit

    #690912

    Hey!

    Please add following code to Quick CSS as well

    #top .all_colors u, #top .all_colors span[style*='text-decoration: underline;'], #top .all_colors span[style*='text-decoration:underline;'], .av-catalogue-item * {
        font-family: 'chalkdusterregular'!important;
    }

    Best regards,
    Yigit

    #690849

    Hi Danny!

    Please add following code to Quick CSS

    #top div .av-dark-form .input-text, #top div .av-dark-form input[type='text'], #top div .av-dark-form input[type='input'], #top div .av-dark-form input[type='password'], #top div .av-dark-form input[type='email'], #top div .av-dark-form input[type='number'], #top div .av-dark-form input[type='url'], #top div .av-dark-form input[type='tel'], #top div .av-dark-form input[type='search'], #top div .av-dark-form textarea, #top div .av-dark-form select, div div .av-dark-form .button,#top .avia_ajax_form .text_area {
        border-color: #d4848c!important;
        font-family: 'Arapey';
        font-size: 14px;
        font-style: italic;
    }
    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select {
        background-color: white!important;
    }
    #top .av-custom-form-color .button:hover {
        background-color: #d4848c!important;
    }
    #top select, #top .avia_ajax_form .select, #top .entry-content-wrapper select,#top .av-custom-form-color .button {
        border-width: 1px!important;
    }

    Cheers!
    Yigit

    • This reply was modified 9 years, 6 months ago by Yigit.
    #690842

    Hi,

    ok try this one instead:

    .html_header_top.html_header_sticky .page-id-43 {
    padding-top: initial !important;
    }
    

    Hope this works!

    Best regards,
    Andy

    #690838

    Hey Yigit,

    thanks for your help. The notification went to my spam folder, so it took so long for me to answer.

    to 1: yes, the site is still in maintaince mode.
    to 2: the font family is available in the “General Styling”, but only the regular one, not the italic one which I used for my content.
    when I change the font in the “General Styling”, the font, which I like to use for my menue, changes, but the one in the contact form stays the same. So I would prefer another way to solve this problem, if there is one. ;)

    Here are all the changes I would like to make:

    1. In this older post from last year: https://kriesi.at/support/topic/add-only-the-italic-version-of-a-google-font/ you helped me to use the italic version of a google font for my website. I would love to add this font in the same size & color as my body text, so that the contact form matches the whole design.

    2. To match the new colors I would like to change color of the thin grey borders/outlines & the little arrows to: #d4848c

    3. I used a drop down field / “select element” in my form as well. Instead of the white background (like the other elements) it has a grey background. Is it possible to change the bg color to white, so that it fits to the other elements?

    4. when clicking on the “send/senden” button (hover state) turn brown. It would be amazing if I could change the color as well to #d4848c.

    #690808

    Hey Heathcliffe,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    #top #header .av-main-nav > li > a {
        font-family: 'chalkdusterregular'!important;
    }
    

    Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.

    Then please point out the rest of the changes you would like to make. You are going to need custom CSS, we can help you target correct selectors.

    Best regards,
    Yigit

    #690805

    In reply to: Polish translation

    Dzien dobry!

    We are counting on our users to contribute translations. If a kind user contributes a 100% complete Polish translation – https://kriesi.at/support/topic/please-contribute-and-translate-enfold/, we will definitely update the file.

    Best regards,
    Yigit

    #690792

    Hi,

    The diagonals are working correctly please check the test page. We added the below code in the Quick CSS

    For the last color section add a extra class name and tweak the bottom margin.

    .backshape {
      z-index:1;
      display:block;
      float:left;
      margin-top:-100px;
      width:100%;
      transform:skew(0deg,10deg);
    -ms-transform:skew(0deg,10deg); /* IE 9 */
    -webkit-transform:skew(0deg,5deg); /* Safari and Chrome */
    }
    .backshape .container{
      display:block;
      float:left;
      margin:50px auto 200px;
      width:100%;
      padding:0 5%;
      transform:skew(0deg,-5deg);
    -ms-transform:skew(0deg,-10deg);
    -webkit-transform:skew(0deg,-5deg); 
    }

    Best regards,
    Vinay

    • This reply was modified 9 years, 6 months ago by Vinay.
    #690789

    In reply to: Easy Slider Mobile

    Hey!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-width: 769px) {
    .avia_transform .av_slideshow_full .avia-caption-title {
        font-size: 30px!important;
    }
    #top .avia-slideshow-button { 
    margin-top: 0;
    }}

    Best regards,
    Yigit

    #690775

    I just figured out what the problem was, or at least how to fix it.. I became suspicious when i couldn’t find the quick css on the page, so I set permissions to 777 as suggested here, and now everything works: https://kriesi.at/support/topic/styling-and-enfold-css-wont-change/#post-279300. Permissions were set at 755. Shouldn’t 755 be okay? But thanks a lot for your help Guenni007! Your code works now.

    #690759

    Hi,

    I checked 1.) but it seems you’re using LayerSlider already. I also checked 2.) but page is not available anymore.

    Wordpress is cropping images by default when uploading them and if you want to control this behavior you can use a plugin like this: https://wordpress.org/plugins/simple-image-sizes
    I hope this will help :).

    Also these are all image sizes for Enfold:https://kriesi.at/support/topic/enfold-image-sizes/#post-336176. Adjust them as needed.

    Best regards,
    Andy

    #690751

    In reply to: WPML Style

    Hey Sadegh,

    Can you please post a screenshot and show the changes you would like to make?

    Also, please see – https://kriesi.at/support/topic/enfold-3-8-remove-avia_append_lang_flags-stopped-working/#post-690696

    Best regards,
    Yigit

    #690741
    roderickvs
    Participant

    Hi,

    is it possible to place an image above the main header section in the theme? So that we can place a colored divider at the top of the screen right above the header section with the logo,menu etc?

    Regards,
    Roderick

    #690728

    Hi,

    I checked your website on Safari and Chrome and cannot see black lines as well. I tried resizing browser window and checked your website on my 15inch laptop also 1920x1080px screen but no lines on my end :/

    Best regards,
    Yigit

    #690718

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    @media only screen and (max-width: 479px) {
    .responsive.html_header_top #header_main .social_bookmarks, .responsive.html_top_nav_header .social_bookmarks {
        display: block;
    }}
    

    Best regards,
    Yigit

    #690702

    have a look here: https://kriesi.at/support/topic/mega-menu-top-level-styling-while-menu-is-active/

    for mega-menu this is a bit easier: (but you will not have mega-menu on that template)

    .open-mega-a {
        color: #0976ac !important;
    }

    but for your template i think this could be a good way:

    #avia-menu > li.menu-item.current-menu-item a, 
    #avia-menu > li.menu-item.active-parent-item a {
        background: #097ac0 ;
        padding-left: 10px;
    }
    #avia-menu > li.current-menu-item .avia-menu-text, 
    #avia-menu > li.active-parent-item .avia-menu-text {
        color: #fff !important;
    }
    
    #avia-menu > li.current-menu-item .avia-menu-subtext, 
    #avia-menu > li.active-parent-item .avia-menu-subtext {
        color: #efefef !important;
    }

    because the first level nav list points are allready bold there will be no big difference in selected or not

    • This reply was modified 9 years, 6 months ago by Guenni007.
    #690694
    maratino
    Participant

    prior to 3.8 this was working:

    add_action(‘after_setup_theme’,’avia_remove_main_menu_flags’);
    function avia_remove_main_menu_flags(){
    remove_filter( ‘wp_nav_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
    remove_filter( ‘avf_fallback_menu_items’, ‘avia_append_lang_flags’, 20, 2 );
    remove_action( ‘avia_meta_header’, ‘avia_wpml_language_switch’, 10);
    }

    what needs to be changed?

    #690691

    Hey Serge,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .toggle_icon * {
        border: none!important;
    }
    .toggler .toggle_icon:before {
        content: ' ▸';
        position: relative;
        top: -8px;
    }
    .toggler.activeTitle .toggle_icon:before {
        content: '▾';
    }
    

    Best regards,
    Yigit

    #690685

    Hey waveshaper,

    Thank you for the kind words and sorry for the delay. Please check membership plugins in our recommended plugin list here https://kriesi.at/support/topic/recommended-plugins/

    All the plugins should work fine as there are no known issue with it.

    Let us know if you have any questions.

    Best regards,
    Vinay

Viewing 30 results - 90,181 through 90,210 (of 142,835 total)