-
AuthorSearch Results
-
September 23, 2016 at 11:00 pm #691043
Topic: Different image caption hover setting for mobile and tablet
in forum Enfoldmissouriartscouncil
ParticipantWorking 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 mobilehttps://kriesi.at/support/topic/image-caption-setting-for-tablet
how to always display on tablet specifically iPadIn 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? :-(
September 23, 2016 at 10:33 pm #691037In reply to: Google Map Issue After Page Loads
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.
September 23, 2016 at 9:47 pm #691024Small 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; }September 23, 2016 at 9:39 pm #691022Topic: Spam filter/contact form
in forum EnfoldEliseBrowneHughes
ParticipantI 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.
September 23, 2016 at 8:22 pm #690994In reply to: Move content over a slider like a "curtain"
The footer ist still an “issue” check out this topic: https://kriesi.at/support/topic/fixed-curtain-footer/
September 23, 2016 at 7:02 pm #690978Topic: Accessibility – Keyboard Navigation of Menu
in forum Enfoldgalpinr
ParticipantI 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.
September 23, 2016 at 6:02 pm #690958In reply to: Breaking out of fixed frame
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
September 23, 2016 at 5:50 pm #690947In reply to: Breaking out of fixed frame
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,
YigitSeptember 23, 2016 at 5:46 pm #690946In reply to: Follow us – social media icons footer
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,
YigitSeptember 23, 2016 at 5:30 pm #690933Topic: Fullwidth Easy Slider does not load in mobile
in forum Enfolddirtdiggr
ParticipantIt looks fine on desktop but in mobile (Android) the fullwidth easy slider does not load right. Do you know what’s wrong?
-
This topic was modified 9 years, 6 months ago by
dirtdiggr.
September 23, 2016 at 5:28 pm #690930In reply to: Slider NOT pausing when video is playing
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!
YigitSeptember 23, 2016 at 5:27 pm #690928In reply to: Text with html won't display
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,
YigitSeptember 23, 2016 at 5:00 pm #690912In reply to: CSS Font Styling for Child Theme / Quick CSS
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,
YigitSeptember 23, 2016 at 3:48 pm #690849In reply to: contact form (outlines)
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.
September 23, 2016 at 3:41 pm #690842In reply to: Header, Logo Left, Menu center on one line
Hi,
ok try this one instead:
.html_header_top.html_header_sticky .page-id-43 { padding-top: initial !important; }Hope this works!
Best regards,
AndySeptember 23, 2016 at 3:36 pm #690838In reply to: contact form (outlines)
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.
September 23, 2016 at 3:17 pm #690808In reply to: CSS Font Styling for Child Theme / Quick CSS
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,
YigitSeptember 23, 2016 at 3:14 pm #690805In 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,
YigitSeptember 23, 2016 at 3:02 pm #690792In reply to: 3.8 – Diagonal Section Border
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.
September 23, 2016 at 3:00 pm #690789In 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,
YigitSeptember 23, 2016 at 2:49 pm #690775In reply to: ID for each column in a table
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.
September 23, 2016 at 2:39 pm #690759Hi,
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,
AndySeptember 23, 2016 at 2:31 pm #690751In 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,
YigitSeptember 23, 2016 at 2:25 pm #690741Topic: Full width image / divider above the header
in forum Enfoldroderickvs
ParticipantHi,
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,
RoderickSeptember 23, 2016 at 2:11 pm #690728In reply to: Black bar at bottom of background video
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,
YigitSeptember 23, 2016 at 1:51 pm #690718In reply to: Social Icons on mobile menu disappear
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,
YigitSeptember 23, 2016 at 1:26 pm #690702have 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.
September 23, 2016 at 1:21 pm #690694Topic: Enfold 3.8 > remove "avia_append_lang_flags" stopped working
in forum Enfoldmaratino
Participantprior 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?
September 23, 2016 at 1:17 pm #690691In reply to: Accordion dropdown arrow instead of + simbol
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,
YigitSeptember 23, 2016 at 1:09 pm #690685In reply to: Event Management and User Login Suggestion Plugins
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 -
This topic was modified 9 years, 6 months ago by
-
AuthorSearch Results
-
Search Results
-
Topic: Spam filter/contact form
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.
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,
Roderickprior 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?
