Forum Replies Created
-
AuthorPosts
-
Hey Monika,
Thanks for your login, for your homepage you have this css making the header white even though you have the transparent header set:.av-logo-container { background-color: #ffffff !important; }
I added this css so that when you have the transparent header set the logo-container background will also be transparent:
#top #header.av_header_transparency .av-logo-container { background-color: transparent!important; }
please clear your browser cache and check.
Best regards,
MikeFebruary 6, 2022 at 5:03 pm in reply to: "Header Invisible Until User Scrolls" not working after Enfold update #1339183Hey martinjuergens,
Thanks for the login, but you are using a very old version of Enfold v4.0.5 which is not designed to work with WordPress v5+
So you will need to manually update because the update API from that version no longer works.
To update your version of Enfold you will need to download the latest version from your Theme Forest account and upload it to your WordPress ▸ Appearance ▸ Themes ▸ Add Themes ▸ Add New
after you choose the zip file and click install, you will see a This theme is already installed message because you are updating, you can continue
then you will see the Theme updated successfully message.
Best regards,
MikeHi,
Glad Guenni007 could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold, and thanks again Guenni007Best regards,
MikeHi,
Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
Thanks for the login, I enabled the child theme and the site looks the same to me, please clear your browser cache and check.Best regards,
MikeHey markus-fischer,
Thank you for the link to your site, but since your screenshot requires a login we can not see it.
Please try not to require a login for your screenshots so we can see them.
So I guess that you are talking about the light bulb image on your site for mobile, since it is for a “specific” image the WordPress image class for this image is wp-image-3399 so this css will reduce it’s size below 430px:@media only screen and (max-width: 430px) { .wp-image-3399.avia_image { max-width: 50%; max-height: 50%; margin: auto; } }
After applying the css, please clear your browser cache and check.
If you have a group of these images you can add a custom class in the advanced options of the image element and use it instead of the WordPress image class in the css.Best regards,
MikeHi,
For mobile try adding this:@media only screen and (max-width: 767px) { .responsive #top #header_main .logo a { display: none; } }
But is this what you are trying for? Because in this case in both mobile and desktop you will have an empty white header bar, perhaps you plan to add text there?
Best regards,
MikeHi,
Please include admin login in the Private Content area so we investigate further, the previous login doesn’t work anymore.Best regards,
MikeFebruary 6, 2022 at 2:04 pm in reply to: Editing social icons in the small bar above main menu #1339170Hi,
Add 10px margin-right to the#top .av_extra_header_active .social_bookmarks li
rule, like this:#top .av_extra_header_active .social_bookmarks li { border-right-style: none; border-right-width: 0; margin-right: 10px; } #top .av_extra_header_active .social_bookmarks { padding-top: 4px; } #top .av_extra_header_active .social_bookmarks li a { border-radius: 25px; background: #c24e2d!important; }
Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
I started to look into this for you, this is the page in the documentation for the core setup, and the demos are shown here, but after messing with it for a while I thought to look in the WordPress Plugins because typically open source projects have been turned into plugins, and I found it: Swiper Js Slider I tested this and the setup was very easy:
I added the slider shortcode to a code block element inside a color section set to 100% height and a blue background
the frontend results
I linked to the test page below, please give this a try.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Katja,
Thanks for the link to your site, right now it looks like the child theme is not active, if the site looks correct now then try these steps.
▸ disable all caching & minifying plugins
▸ disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression
▸ enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS files
▸ save theme settings
▸ download Enfold Theme Options ▸ Import/Export ▸ Theme Settings file (to desktop as fallback)▸ enable child theme
▸ go to Enfold Theme Options ▸ Import/Export ▸ Import Settings from your Parent Theme & import
▸ clear browser cache and reload front end a couple of times, this should solve.If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.
Best regards,
MikeHi,
Glad Nikko was able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHi,
We don’t have a way to do that, but you can use the layerslider if you wish.Best regards,
MikeFebruary 5, 2022 at 10:18 pm in reply to: Remove the Featured Image from one category of blog posts #1339106Hi,
Glad Guenni007 could help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeHey Katja,
Thanks for the link to your site, to hide the logo add this code in the General Styling ▸ Quick CSS field#header_main .logo { display: none; }
But this leaves an empty white bar across the top of your site, so if you also want to hide this try this css instead
#header_main .av-logo-container { display: none; }
this just leaves your topbar and menu bar
After applying the css, please clear your browser cache and check.Best regards,
MikeHey Brolle,
Please try this solution.Best regards,
MikeHi,
Thanks for the link to your example site, although your screenshots require a login so we can’t see them. The slider is a open-source script Swiper you can download it and use it in a code block element on your site.
Our Partner/Logo Element can also have the arrows on both sides, but the mobile touch will not be as good as the other script.
You can also use another plugin with all of the options you want and add it’s shortcode into a code block element on your page.
Hopefully one of these options will help you.Best regards,
MikeFebruary 5, 2022 at 9:31 pm in reply to: Slideshow volle Breite auf mobilen Endgeräten – Textfarbe ändern #1339099Hey Createve_Solutions,
Vielen Dank für den Link zu Ihrer Website. Für Mobilgeräte sehe ich Ihren Vollbild-Slider, aber es sieht so aus, als ob jeder Titel und jede Beschriftung eine andere Farbe hat. Bearbeiten Sie also bitte Ihr Slider-Element, anstatt Quick CSS zu verwenden, öffnen Sie jede Folie und gehen Sie zum Styling Registerkarte, die Farben, dann wählen Sie Benutzerdefinierte Farben definieren, Sie werden Optionen sehen, um die Titel- und Beschriftungsfarben auszuwählen.
— Translated with Google —
Thanks for the link to your site, for mobile I see your full screen slider, but it looks like each title and caption is a different color, so instead of using Quick CSS please edit your slider element and open each slide and go to the styling tab, the colors, then choose Define Custom Colors, you will see options to choose the title and caption colors.
Best regards,
MikeHey Daniele,
Thanks for the screenshots, you can copy the HTML code to a code block element to display these, you can also look for an online Tables Generator to build your own custom table and paste the HTML in a code block element.Best regards,
MikeFebruary 5, 2022 at 9:15 pm in reply to: Integration of Square (payment processor) and our Website #1339097Hey karthik16,
Thanks for your question and the link to your page, I see that this is a table element with 3 button elements inside, none of these buttons have URLs and I don’t see a custom class added to the buttons to trigger a script.
I would say that a custom script was used to link these buttons to Square but I have not used them before.
I see that you are not using a child theme so my guess is that the custom script was added to the parent theme functions.php and when you updated the file was overwritten and the script was lost.
Do you have an older staging site or testing site were this is still working? If not can you find in your company notes what the script was or where to find the script in the Square documentation?
You will probably need to ask Square support to help you with this because we would not know how to set this up with your payment gateway.Best regards,
MikeHi,
Glad this helped, unfortunately, you can not freeze the video on the final frame, the only solution I can think of is to change the video’s first frame and then enable the preloader spinner so the video will already be playing when the preloader is done and won’t show a flash of the first frame.Best regards,
MikeHi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
MikeFebruary 5, 2022 at 8:42 pm in reply to: Editing social icons in the small bar above main menu #1339091Hey Ryan,
Your screenshot link is not working but I believe that the css below will achieve what you wanted, I just wasn’t sure about the circular background #c24e2d, did you always want that or only on mouse-over? This solution makes it always.#top .av_extra_header_active .social_bookmarks li { border-right-style: none; border-right-width: 0; } #top .av_extra_header_active .social_bookmarks { padding-top: 4px; } #top .av_extra_header_active .social_bookmarks li a { border-radius: 25px; background: #c24e2d!important; }
the expected results:
After applying the css, please clear your browser cache and check.Best regards,
MikeFebruary 5, 2022 at 8:10 pm in reply to: Social Icons Top Bar – Not opening in New Tab & Youtube Link Does Not Appear #1339088Hey Eleina_Shinn,
Thank you for the link to your site, I see that your top bar social icons don’t have the target _blank attribute as they should, I’m not sure what is causing this, perhaps a custom script or a plugin, you could try disabling these or I wrote this script to add it back, try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function custom_social_target_script() { ?> <script> (function($){ $('.av_extra_header_active>.container>.social_bookmarks li').each(function(){ $('a').attr('target','_blank'); }); }(jQuery)); </script> <?php } add_action('wp_footer', 'custom_social_target_script');
Your YouTube icon is showing for me
and each of your social icons have a mouse-over color, FB is blue and YT is red, a little different from your red so that is why the background changes some, did you want to remove the mouse-over color?
If you don’t see the YT icon please check your browser for an AD-Blocker or a FB browser add-on which would be blocking it from you.Best regards,
MikeHi,
Thank you for the login, WordPress often chooses the images by the attachment ID, in this case the name of the image file was correct but the attachment ID was for a different image, I corrected the attachment ID from 6001 to 6012 and now the correct image shows, please clear your browser cache and check.
Best regards,
MikeHey envapk2,
Thank you for the link to your site, I tested this solution on my demo site and it does work correctly, please check that you followed the solution correctly:
First ensure that this function is in your child theme functions.php:add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1); function avia_include_shortcode_template($paths) { $template_url = get_stylesheet_directory(); array_unshift($paths, $template_url.'/shortcodes/'); return $paths; }
then ensure that your child theme directory structure is: /shortcodes/section/section.php
and ensure that you edited the section.php correctly
I have linked to my test page below.Best regards,
MikeFebruary 5, 2022 at 6:35 pm in reply to: blue line appears when closing an accordion toggle on mobile view #1339079Hi,
Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:.toggler .toggle_icon, .toggler:hover .toggle_icon * { transition: none !important; -webkit-transition: none !important; }
After applying the css, please clear your browser cache and check.
Best regards,
Mike -
AuthorPosts