Forum Replies Created
-
AuthorPosts
-
February 20, 2017 at 12:05 am in reply to: How to have a normal button from ALB *without* a link function? #749097
Hi,
Ok, the solution I have found is to add css in the General Styling > Quick CSS field that will disable mouse events on the button. Unfortunately this can not target only one button. But you can limit it to all buttons on a page or post. Use this code in the General Styling > Quick CSS field:.postid-3243 .avia-button { pointer-events: none !important; }
above targets buttons on post #3243, change this to your post number.
below targets all buttons on a site..avia-button { pointer-events: none !important; }
Best regards,
Mike- This reply was modified 7 years, 10 months ago by Mike.
Hi,
I believe you are using the “Fullscreen Slider” which scales to height, try the “Fullwidth Easy Slider” which scales to width.
Here is a test I did for you:
Best regards,
MikeFebruary 19, 2017 at 11:11 pm in reply to: Portfolio grid Post Number – How many items should be displayed per page #749084Hey Lundby,
The portfolio grid is not limited, so you could add more than 100, but this may slow your load time for your visitors and ask them to scroll alot. Creating grids of 24 or 48 per page may be a better experience for your visitors.Best regards,
MikeHey dlannetts,
Thank you for using Enfold.
It looks like for the option “Portfolio Grid Image Size” you are using “Set the Portfolio Grid image size automatically based on column or layout width” try using “Choose the Portfolio Grid image size manually (select thumbnail size)”
The other option would be to make your images the same size.Best regards,
MikeHi,
Ok, we will use the copyright socket as your left statement (Enfold Theme Options > Footer > Copyright)
and for your right statement we will create a footer menu going to Appearance > Menus > Create a New Menu and name it “footer” and click create menu. Add a new custom link with “#” as URL and enter your text as navigation label and then check “Enfold footer menu” under Menu settings. Then click “Screen options” on the top right corner and check “CSS classes” and then give your footer menu (custom text) a custom class (‘ianazi’ for example) then please add following code to Quick CSS in Enfold theme options under General Styling tab..ianazi { pointer-events: none !important; }
Best regards,
MikeHi Dave,
Ok, lets try adding this code to your functions.php to hide the logo on scroll:
For Logo left, menu right & logo right, menu leftfunction add_hide_logo(){ ?> <script> jQuery(window).scroll(function(){ if(jQuery(this).scrollTop() > 100) jQuery('.logo').fadeOut('slow'); if(jQuery(this).scrollTop() < 100) jQuery('.logo').fadeIn('slow'); }); </script> <?php } add_action('wp_footer', 'add_hide_logo');
For Logo center, menu below:
function add_hide_logo(){ ?> <script> jQuery(window).scroll(function(){ if(jQuery(this).scrollTop() > 100) jQuery('.container.av-logo-container').fadeOut('slow'); if(jQuery(this).scrollTop() < 100) jQuery('.container.av-logo-container').fadeIn('slow'); }); </script> <?php } add_action('wp_footer', 'add_hide_logo');
When editing functions.php you should use the child theme, Read about it & Get it here
Best regards,
MikeHi Mike,
Ok, lets start over (undo above) by adding this code to your functions.php to hide the logo on scroll:function add_hide_logo(){ ?> <script> jQuery(window).scroll(function(){ if(jQuery(this).scrollTop() > 100) jQuery('.container.av-logo-container').fadeOut('slow'); if(jQuery(this).scrollTop() < 100) jQuery('.container.av-logo-container').fadeIn('slow'); }); </script> <?php } add_action('wp_footer', 'add_hide_logo');
When editing functions.php you should use the child theme, Read about it & Get it here
Best regards,
MikeHi,
use this code in the General Styling > Quick CSS field:#advanced_menu_toggle, #advanced_menu_hide { background-color: #000!Important; color: #ffffff!Important; border-color: #000!Important; }
for a black background and white text
Best regards,
MikeFebruary 19, 2017 at 8:32 pm in reply to: Page not loading, issue with theme or quick css code? #749056Hey Andreas,
Thank you for using Enfold.
Please refer to this post:
https://kriesi.at/support/topic/missingkeymaperror-doesnt-work/#post-681054
Best regards,
MikeHey salesmusat,
Thank you for using Enfold.
After running a local test & a Mobile Friendly test, I was unable to reproduce your results. Perhaps your mobile device is storing the larger images in the cache?
Sorry I was not more help.
Best regards,
MikeHi,
you are safe to unblock /enfold-child/ as it contains site resources.Best regards,
MikeHey Sadegh,
Thank you for using Enfold.
It looks as though you have found the solution.
Best regards,
MikeHey Krissie,
Thank you for using Enfold.
It looks as though you have found the solution.Best regards,
MikeFebruary 19, 2017 at 6:56 pm in reply to: Menu Doesn't "Stick" to top of screen in mobile version when scrolling. #749039Hey inertia05,
Thank you for using Enfold.
use this code in the General Styling > Quick CSS field:@media only screen and (max-width: 767px){ .responsive #top #wrap_all #header {position: fixed;} }
Best regards,
MikeHey bswallow,
Thank you for using Enfold.
use this code in the General Styling > Quick CSS field:.sub-menu li a:hover:after { content: ' →'; }
Best regards,
MikeHi,
I have found that this issue has been reported by people using Godaddy Managed WordPress, if this is your case the solution seems to call them for a cache flush on their end. Please read more here.Best regards,
MikeHey KVSchneppenheim,
You can add following code to Quick CSS in Enfold theme options under General Styling tabul#avia-menu { position: relative; top: -50px; } #header_main_alternate { z-index: 4; }
and then add a menu item in the middle and set its opacity to 0 with following code
li#menu-item-117 .avia-menu-text, li#menu-item-117 .avia-menu-fx { opacity: 0; }
This would be a way to achieve what you are looking for and you could use it as a starting point. You can also try adding margin to right or left of menu items to increase the gap. You can request customization here, as this kind of customization as it is beyond the scope of support we can provide here.
Best regards,
MikeHi,
Thanks a lot for your patience and for using Enfold.
Can you link to the page in question & which slider are you using, I have not been able to recreate your slider options.Best regards,
MikeHi,
your paragraph looks correct on my end.
Are you using Chrome by chance? I have found that refreshing does not always clear css properly. I found using the Clear Cache extension to help.Best regards,
MikeHi,
Thanks a lot for your patience and for using Enfold.
Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed.body div .avia-button { border-radius: 10px; border: none !important; }
Best regards,
MikeHey rlogan2334,
I couldn’t login with the credentials you supplied, yet I believe what you are seeing is the tab adjusting for the content height.Best regards,
MikeHey NetphoriaInc,
I looked at your site and didn’t see your contact form in your slider, I would suggest using “@media screen” statements in your css to adjust your contact form for screen size.Best regards,
MikeFebruary 19, 2017 at 4:26 pm in reply to: How to have a normal button from ALB *without* a link function? #749004Hey Chris,
To add a button element in the Layout Builder without a link, use Set Manually from the drop down and place a “#” in the url field.Best regards,
Mike -
AuthorPosts