Forum Replies Created
-
AuthorPosts
-
Hi,
Thanks for the links, the only one I saw the “Black screen” issue with was: /quizzes/antidiabetics/, I also checked other /quizzes/ quiz posts and this css seems to correct:.ld-focus-content { min-height: 100vh !important; }After applying the css, please clear your browser cache and check.
For your Home page please ensure that a page is selected in the theme options.

If this doesn’t help, please include an admin login in the private content area so we can be of more assistance.Best regards,
MikeHey Carsten,
Sorry for the late reply, it seems I missed the notification about this thread. To change the font-size across your whole site
for H3 & H1 please try this css:#wrap_all #main h3,#wrap_all #main h3 > span { font-size: 28px !important; } #wrap_all #main h1,#wrap_all #main h1 > span { font-size: 30px !important; }Please adjust the font sizes to suit and let us know if this misses any H3 or H1.
An easy way to test is to add a color you don’t use like orange and then check your site for any H3 or H1 without the color, I took a quick look at a few of your pages and this seems to work correctly.#wrap_all #main h3,#wrap_all #main h3 > span { font-size: 28px !important; color: orange !important; } #wrap_all #main h1,#wrap_all #main h1 > span { font-size: 30px !important; color: orange !important; }After applying the css, please clear your browser cache and check.
You can also change your default H tag sizes at Enfold Theme Options > Advanced Styling, which might be a better option for you in this case, since it is for the whole site. Please try both options.Best regards,
MikeHi,
For the menu I added this css and it is now stretching the full page.nav { width: 130vw; margin-left: -50vw !important; left: 50%; } .responsive #top #header #header_main .inner-container .main_menu { flex-basis: 130% !important; }please clear your browser cache and check.
For your italic issue, on that page you had an unclosed HTML tag in the slider title field, I changed it from<em>Persondata</en>to<em>Persondata</em>
I’m not sure what you meant by “Full-width feature not appearing in preview”, if you mean that in the preview of a draft page something is not showing correctly, please try publishing first then checking.Best regards,
MikeHi,
This is true as it is an older thread, currently adding HTML to title fields is discouraged. So to add an image to the front of the flip box please try this css and adjust the :nth-child() for each flip box, in this example the css targets the second flip box..avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-front { background-image: url(https://your-site.com/wp-content/uploads/2020/09/CCTV.jpg)!important; background-size: contain; background-repeat: no-repeat; background-position: 50% 50%; } .avia-icon-grid-container li:nth-child(2) .avia-icongrid-wrapper .avia-icongrid-front .avia-icongrid-icon { display: none; }
If you want them to all to use the same image, just remove the :nth-child(), I also recommend adding your page ID to the css so it won’t interfere with other pages.Best regards,
MikeHi,
I checked your new catalog page and the reason the images are not showing is because the link that wraps the images has the position “relative” which leads to a height and width of zero, this css corrects:#top.ecommerce-product-catalog .modern-grid-element.grey-box.ic-design a { position: initial !important; }I added this to your Quick CSS, please clear your browser cache and check.
Best regards,
MikeSeptember 4, 2020 at 1:35 pm in reply to: Move Woocommerce cart left of the hamburger menu (again) and bigger cart icon #1243322Hi,
The css that is moving the cart is like this:.html_visible_cart ul.cart_dropdown { right: 120px !important; }but I’m not sure at which screen resolution you are having trouble width, Please see the screenshots in Private Content area of mobile and tablet.
Please try adjusting this to suit, if you still have trouble please let us know which screen resolution and try adding a screenshot.
How far does it need to move 10px?Best regards,
MikeHi,
I didn’t find the css above in your site and if I inject the css it makes the masonry item image opacity .5 on-load, and on-hover it is opacity 1.
Please see the screenshot in Private Content area.
Perhaps when you tested your cache was not fully cleared or perhaps your server cache was not fully cleared or perhaps there is an error somewhere in your custom css causing this to not work correctly.
If you check these points and you still can’t get it to work I would be happy to take a look at your backend, just include an admin login in the Private Content area.Best regards,
MikeHi,
Please note that above I linked to and used the same instructions for the Header Layout: Widget left, Logo center, widget right, menu below.
Also, note in the example the color of the menu and how it is not full-width, this is because the menu is wrapped in the header.
So if the header and the menu are white the menu will look full-width, but once the hearer background color is changed you would see what I mean.
Anyways I returned the layout to the way it was without the sub-menu, and then adjusted the css a little more, please clear your browser cache and check and see the screenshot in Private Content area. I will research for a way to make the menu appear full-width white.Best regards,
MikeHi,
This sounds like the same overall issue, the custom post type doesn’t show “the_content” on the front end, a filter would be needed, or the theme files would need to be adjusted, as in the case with Toolset.
To test try checking if your content shows on a “page”, were “the_content” is used, not a “post” or a “custom post type”, if this works then it would show that it is an issue with “the_content”.
For this issue the dev team writes:
The Custom Posts uses “WP_Hook::apply_filters” so a filter such as:$additional_info = array( ...... ) $content = apply_filters( 'avf_the_content', $content; $context, $additional_info );$context helps to figure out what location and with $additional_info you can render needed additional data.
Have a look at enfold\config-templatebuilder\avia-template-builder\php\shortcode-template.class.php shortcode_handler_prepare() and enfold\template-builder.php.Since you are not using Toolset now please see this thread, but I didn’t find much info on ACF & Custom Post Types UI, most threads point to ACF documentation, but I assume you are fimaular with this.
While I was researching this I found that the dev team has a new proposal for the Toolset team for “the_content”, Toolset has not replied yet, but I will post here:
If we add at the beginning of loop-index.php (line 8):if( false !== apply_filters( 'avf_replace_content', false, 'includes/loop-index' ) ) { return; }With this filter it is possible to replace content (not sidebar and header).
Best regards,
MikeHi,
Sorry for the late reply, please note that your example site has a different header structure to produce the similar layout, for example, the header and menu are two separate div’s that are full-width, but on your Enfold site the menu is inside the header and is not “full-width” when it comes to applying a background color.
So perhaps to recreate the structure, we could not use the main menu and use a full-width sub-menu instead, please see the example on your dev site. (the main menu is only hidden with css in the Quick CSS)
But I don’t think the sub-menu will produce the same menu style as your example site, do you have any flexibility in the header layout?Best regards,
MikeSeptember 2, 2020 at 1:25 pm in reply to: Move Woocommerce cart left of the hamburger menu (again) and bigger cart icon #1242797Hi,
Sorry for the late reply, I adjusted for the search icon on mobile up to 988px, please clear your browser cache and check.Best regards,
MikeSeptember 1, 2020 at 12:21 pm in reply to: Enfold (4.7.6.2) Breaks Masonry Gallery Pagination #1242496Hi, @mikehartrich, did this work for you?
@onlylettersandnumbers, I have re-opened your thread here, so you can see the link in the Private Content area. Please try the steps I posted and let us know in that thread if this solves.Best regards,
MikeSeptember 1, 2020 at 12:16 pm in reply to: Masonry Gallery Pagination does not work (WP 5.5 / E 4.7.6.3) #1242495Hi,
@onlylettersandnumbers, I have re-opened your thread so you can see the link in the Private Content area.
To try this, in the zip file you will find a folder “enfold”, assuming that your current theme is installed in the “enfold” directory at “/wp-content/themes/” (as it should be), you will need to rename your current directory to “enfold-old” and upload the new directory via ftp. By renaming the directory to “enfold-old” via ftp and uploading a new “enfold” via ftp you can easily fallback to your current version by reversing the steps.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
MikeHi,
Glad to hear you have been able to sort this out, we will close this now. Thank you for using Enfold.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
@oladigital_co thanks for the link to your site, but I do not see that your icons are displayed as squared boxes, nor do I see the error:Access to font has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource
Where are you seeing the icons displayed as squared boxes?
I don’t believe that this is the same issue.Best regards,
MikeAugust 31, 2020 at 12:57 pm in reply to: Excerpts translation in Blog Magazine layout – 2 questions #1242161Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:.av-share-box .av-share-link a:before { font-size: 30px !important; }Please feel free to adjust the font-size to suit, and then clear your browser cache and check.
Please see the screenshot in Private Content area.Best regards,
MikeAugust 31, 2020 at 12:39 pm in reply to: Excerpts translation in Blog Magazine layout – 2 questions #1242157Hi,
For question number 2, any changes would need to be reviewed and tested by the dev team, so once the updated plugin is available we can submit this for review. As this could take some time I recommend adding this change via a child theme and the plugin could advise other Enfold users to do the same, for now.Best regards,
MikeHey Angèle,
Sorry for the very late reply and thank you for the login, I took a look at your page and the jumping seems random so I couldn’t pin it down to anything, but I came up with a possible solution where “on-click” we center the “active title” and this seems to work well. So in order for this to work best I set all of the accordions to none open initially, this way there will only be one “activeTitle” class on the page at any time.
I added this code to the end of your child theme functions.php file in Appearance > Editor:function custom_accordion_toggle_script(){ ?> <script> (function($){ $("#top.page-id-114 .av_toggle_section").on('click', function () { $('.activeTitle').animate({ scrollTop: $(this).offset().top - $(this).height() }, 1000); }); })(jQuery); </script> <?php } add_action('wp_footer', 'custom_accordion_toggle_script');Please clear your browser cache and check.
I also noticed you had many “mixed content” errors in the browser console for the google font “roboto” I didn’t find what is loading it, but adding the meta tag
upgrade-insecure-requeststo the site head solves by forcing the browser to request the “https” version automatically.
I added this code to the end of your child theme functions.php file in Appearance > Editor:function add_custom_meta(){ ?> <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests"> <?php } add_action('wp_head', 'add_custom_meta', 1);I hope you don’t mind.
Best regards,
MikeAugust 31, 2020 at 4:11 am in reply to: Move Woocommerce cart left of the hamburger menu (again) and bigger cart icon #1242043Hey Morticka,
Sorry for the late reply and thanks for the login, I checked your child theme stylesheet css rules for this and found missing brackets between your rules so they were not working correctly, and I noticed that at 320px-375px your logo is too big to allow the cart icon so I corrected by commenting out some of your css rules and rebuilding in the Quick CSS, this way you can review and adjust to suit and eventually migrate to your child theme.
This is what I added:@media only screen and (min-width: 319px) and (max-width: 417px) { .responsive #header_main .logo img { max-width: 60% !important; } } @media only screen and (min-width: 480px) and (max-width: 988px) { .html_visible_cart .av-burger-menu-main { padding-right: 0; } .html_visible_cart ul.cart_dropdown { right: 100px; } .responsive #top .av-main-nav .menu-item-avia-special { display: block; } .responsive .logo img { max-width: 80% !important; } } @media only screen and (max-width: 479px) { .html_visible_cart ul.cart_dropdown { right: 120px !important; z-index: 5 !important; } .html_visible_cart .av-burger-menu-main { padding-right: 0; } }Please clear your browser cache and check.
Best regards,
MikeAugust 31, 2020 at 2:56 am in reply to: conflict between Enfold and Thrive Leads (form editor does not load) #1242042Hi,
Thank you for your patience, I see this is your thread for the issue we discussed on the other thread. We will leave this open.Best regards,
MikeAugust 31, 2020 at 2:39 am in reply to: Excerpts translation in Blog Magazine layout – 2 questions #1242039Hey Rob,
Sorry for the late reply, and thanks for the heads up about Falang multilanguage for WordPress, it will be interesting to check out the update.
As far a customizing an element for your child theme, we recommend that you follow these steps, create a directory in your child theme called “/shortcodes/” and then add a copy of the directory from “/enfold/config-templatebuilder/avia-shortcodes/magazine/” and edit the magazine.php to suit.Now if you are using the pre-built child theme that should have been included with the last couple on versions, it will recognize that the child theme “/shortcodes/” directory is available and load any elements inside (avia-shortcodes).
The function that does this is:function avia_include_shortcode_template( $paths ) { if( ! is_array( $paths ) ) { $paths = array(); } $template_url = get_stylesheet_directory(); array_unshift( $paths, $template_url . '/shortcodes/' ); return $paths; } add_filter( 'avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1 );Here is our documentation.
If you built your own child theme then please add this function instead.Best regards,
MikeHi,
Glad to hear you have been able to sort this out, we will close this now. Thank you for using Enfold, and Thank you for your patience.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Glad we were able to help, we will close this now. Thank you for using Enfold, and Thank you for your patience.For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)Best regards,
MikeHi,
Thank you for your patience, I was directed to an open issue with Toolset, where Toolset says:Currently there is a workaround allowing users to proceed anyway with Toolset and Enfold, which is creating a Child Theme and customizing the templates to use such single content rendering function.
This thread explains it well.
So, as I understand, Toolset has a file you can add to your child theme that will allow the Toolset content to override the Enfold content for your custom post type. There was some work on a filter, but it seems this doesn’t work fully yet.
Please try checking with Toolset support for the file to add to a child theme for Enfold, they may have it in a download area.
Also, it now seems that the link I posted above is not the solution, so please remove it from your site if you added it.Best regards,
MikeHi,
Sorry for the late reply, please try this format:
Call us anytime at<span class="break">555-555-5555</span>
and this css:.break:before { content: "\A"; white-space: pre; }Best regards,
MikeAugust 30, 2020 at 10:11 pm in reply to: Empty link in special headings – problem after update #1242010Hi,
Thank you for the video, and the link to the un-touched page.
If you would please note my post above with the screenshot, special headings that have a manual link option set and the url field is empty does not create a link, or an empty link, on the front-end. Since the url field is empty the theme ignores it.
I confirm this again with your un-touched page, I also saved your un-touched page with the special headings that have a manual link option set and the url field is empty and on the front-end no links were created, I have also tested this on a new install.Now for why these are set this way on your site, I’m not sure, but you did say that these were created from a template, so perhaps that is how they were set when the template was created? I also tried updating a couple of installs on my localhost but I was not able to reproduce this.
Please don’t worry, you don’t need to change them all since the url field is empty the theme ignores it.
Best regards,
MikeHi,
Sorry for the late reply and thanks for the login, so to create two widgets in the header with the logo in the center and the menu below I followed the steps here, please see number 2: Widget left, Logo center, widget right, menu below.
Please note the setup instructions, where it says Enfold > Header > Header Layout > Menu and Logo Position needs to be Logo left, Menu right, I set this for you and then added the css and I copied your widgets and css from your example site and added it to your new widgets..topKnap a,.topKnap a:hover { width: 140px; height: 48px; color: #fff; display: inline-block; text-align: center; margin-right: 6px; padding: 13px 0; font-weight: bold; font-size: 14px; position: relative; float: right; -moz-transition: 200ms all ease-in-out; -o-transition: 200ms all ease-in-out; -webkit-transition: 200ms all ease-in-out; transition: 200ms all ease-in-out; background-color: #DAC7A6; } .topKontakt a,.topKontakt a:hover { color: #666666; font-size: 14px; text-decoration: none; background-color: transparent; display: inline; }You can check the full css in your child theme stylesheet, please clear your browser cache and check.
Best regards,
MikeHi,
Thank you for your patience, the dev team has released a beta version to correct this, if you would like to try this please see the link in the Private Content area.
You will also need to upgrade WordPress again, for the test.
The easiest and safest way to test this is to download the zip file below file and in it you will find a folder “enfold”, assuming that your current theme is installed in the “enfold” directory at “/wp-content/themes/” (as it should be), you will need to rename your current directory to “enfold-old”, via ftp, and upload the new directory “enfold” via ftp. If you wish, instead of using ftp you can use your WebHost “file manager”. By renaming the directory to “enfold-old” via ftp and uploading a new “enfold” via ftp you can easily fallback to your current version by reversing the steps.
Please don’t try to overwrite the theme folder, as this will leave old files behind and cause errors.Best regards,
Mike -
AuthorPosts
