Forum Replies Created
-
AuthorPosts
-
Hey Nomad,
Thank you for your patience and the link to your site, I assume that you want them to look like this without the white dot in the center and the dashed horizontal line:

I see that your icon list has a custom class #Ablaufschritte so to change each one try this css:#top #Ablaufschritte.avia-icon-list-container li:first-child .iconlist_icon { background-color: #ffffff; color: #930f1a; } #top #Ablaufschritte.avia-icon-list-container li:nth-child(2) .iconlist_icon { background-color: #7f807e; } #top #Ablaufschritte.avia-icon-list-container li:nth-child(3) .iconlist_icon { background-color: #4f5150; } #top #Ablaufschritte.avia-icon-list-container li:nth-child(4) .iconlist_icon { background-color: #ac262c; } #top #Ablaufschritte.avia-icon-list-container li:nth-child(5) .iconlist_icon { background-color: #930f1a; }You will note that I also changed the first icon list number because it didn’t show when the icon has a white background color.
After applying the css, please clear your browser cache and check.
Here is the expected results:

Best regards,
MikeJune 1, 2023 at 5:41 pm in reply to: Fixed Background-GIF on Color Section: looks weird (on Tablet only) #1409294Hi,
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,
That is ok, we are happy to help, I assume we can close this now?Best regards,
MikeHi,
If you are not using a child theme I recommend the WPcode plugin for your customizations so they will not be lost when you update the theme. The above script seems to work in my tests but try installing the plugin and include an admin login in the Private Content area so we can check and adjust if needed.
Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.Best regards,
MikeHi,
Try going to your file: \wp-content\themes\enfold\config-templatebuilder\avia-shortcodes\slideshow\slideshow.js and replace it with the one in the Private Content area via FTP or your webhost file manager.
Please keep a copy of your current one for fallback, Then clear your browser cache and any cache plugin, and server cache and check.
Please note that you may need to clear the cache a couple of times.
You may want to disable Enfold Theme Options ▸ Performance ▸ JS & CSS file merging and compression and enable Enfold Theme Options ▸ Performance ▸ Delete old CSS and JS filesBest regards,
MikeHi,
Thanks for the feedback, please include an admin login in the Private Content area so I can compare the settings on your site with mine to see why the word count is working on my site and not yours.Best regards,
MikeHi,
Thanks for sharing Guenni007, were you able to achieve this menainfosec?Best regards,
MikeHi,
To hide the navigation dots try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:.avia-slideshow-controls { display: none; }To allow the slider to contenue sliding after screen interaction please see this thread.
Best regards,
MikeHi,
Thanks for the login, I see that you LayerSlider canvas size is 1140 x 447 so a 16:9 video ratio will not fit as a background video without being cropped, you would need to change the canvas size to match the video, but since you have other slides that use this canvas size and plain landscape images as backgrounds I don’t imagine that you want to show the video as a partial background to the right or left?
Since you have other elements over the video it will be hard to see the video, if the video was just a landscape video like your other slides it would be ok, but since it is a interview it will be hard for people to see and understand.Best regards,
MikeHey Ivana,
Thanks for the link to your pages, Try adding this code to the end of your child theme functions.php file in Appearance ▸ Editor:function disable_getresponse_popups() { ?> <script> (function($){ $('#top.page-id-31420,#top.page-id-11481').each(function() { $( this ).find('div[data-gr="popup-container"]').remove(); }); })(jQuery); </script> <?php } add_action('wp_footer', 'disable_getresponse_popups');then clear your browser cache and check.
Best regards,
MikeMay 31, 2023 at 12:11 pm in reply to: Fixed Background-GIF on Color Section: looks weird (on Tablet only) #1409133Hi,
As I understand the iPad doesn’t support “fixed” correctly so you can use fixed in your element settings and then use css like this to correct for iPad:@media only screen and (min-width: 990px) { #top.page-id-5693 #av_section_3.avia-section { background-attachment: scroll; padding: 0 !important } }I believe this css is correct for your situation, but since I can’t see the error you will need to check and perhaps adjust a little.
Best regards,
MikeHi,
As I understand you added a video background layer but the thumbnail for the video is showing, if true I believe this is because or your youtube link that you are using for the background video, instead of the short youtube link use this format instead:https://www.youtube.com/watch?v=G0k3kHtyoqcnotice the watch?v=
If this doesn’t correct please include admin login in the Private Content area so we can investigate.Best regards,
MikeHi,
Thanks for the feedback, your css to make the mobile menu items spread out is creating this error on the desktop, if you do want your mobile menu to be spread out then change your css to this:@media only screen and (max-width: 767px) { .main_menu ul:first-child > li > a { line-height: 10px !important; margin-top: 180px !important; background: transparent!important; } }Otherwise remove the line margin-top: 180px !important; from your css.
Best regards,
MikeHi,
Glad Ismael 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,
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,
Glad we were able to help you on the right path to a solution, and thanks for sharing your results it may help future users. 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,
MikeMay 30, 2023 at 6:16 pm in reply to: Fixed Background-GIF on Color Section: looks weird (on Tablet only) #1409041Hi,
A team member recommends that it might be related to the background attachment property being set to “fixed” and try this thread.Best regards,
MikeMay 29, 2023 at 9:51 pm in reply to: Fixed Background-GIF on Color Section: looks weird (on Tablet only) #1408960Hi,
Thanks for the feedback and the screenshot, since I don’t have a real iPad I have asked the rest of the team to check your page with a real iPad, and either them or I will follow up with you then. Thank you for your patience and understanding and for using Enfold.Best regards,
MikeHi,
Thanks for the link to your page, but I’m not understanding what your issue is because your description sounds like the sub-menu of your main menu on this page is over the form, but your main menu has no sub-menu items so there is nothing to be over your form on hover.
The css above is making your mobile menu items spread out too much:

If that is what you mean then remove the line margin-top: 180px !important; from your css.

But the burger menu is still going to be over the page content and form because that is the design of the burger menu.
Please try to explain further and perhaps a screenshot would help.Best regards,
MikeMay 29, 2023 at 8:43 pm in reply to: I have re-imported Twitter posts via Twitter publish and they are too long #1408957Hi,
Please note that we ask that different topics are in separate threads, as keeping each thread on a single topic or issue is most efficient for support and future readers to find solutions. I see that you have already started another thread for your manifest.json question, as I don’t have any experience with manifest.json so it would be best to contenue with it in that and close this thread.
Thank you for your patience and understanding.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,
[avia_sc_search] is a protected function from the search.php that is not meant to be loaded directly, so don’t use that one.Best regards,
MikeHi,
Thanks for the login, I found that there is a plugin that is setting the container of the color section to opacity:0, this css fixes:.js_active #top .av-minimum-height .container { opacity: 1; }but you should not need this css, but I can not view your plugins, I get this error:

so please disable all of your plugins and check again.
I also see that when I preview you page it shows correctly:

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,
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 but the login doesn’t work it says User does not exist please check.
I have created a test page on my test site linked below, with a color section with a background image and a special heading element:

and on the frontend the special heading shows over the color section:

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,
Mike -
AuthorPosts

