Forum Replies Created
-
AuthorPosts
-
Hey michael_zocholl,
Thank you for the inquiry.
Are you trying to add a privacy policy checkbox in the checkout page? With Woocommerce, you add this manually using a template hook. Please check the link below.
// https://wpbeaches.com/add-a-required-checkbox-field-in-woocommerce-checkout-page/
Best regards,
IsmaelHey Jeroen,
Thank you for the inquiry.
The new number displayed correctly after purging the cache. Please check the link in the private field.
Best regards,
IsmaelHey Anouk,
Thank you for the inquiry.
We edited the Enfold > Blog Layout settings so that you can use the Advance Layout Builder when editing the blog page. We also provided the link to default blog page in the private field.
Best regards,
IsmaelHey whdsolutions,
Thank you for the inquiry.
The map in the footer container seems to be loading correctly when we checked the site. Did you figure out the issue?
Best regards,
IsmaelHey jmkreege,
Thank you for the inquiry.
The issue might be due this error generated by the siteground-optimizer plugin.
siteground-optimizer…367fda7c0dcaf.js:72 Uncaught SyntaxError: Unexpected stringPlease check the css modifications and make sure that there are no invalid css rules. To fix the issue temporarily, consider disabling the compression or cache plugin.
Best regards,
IsmaelHi,
Thank you for the update.
These are the shortcodes of the pages above.
1.) https://pastebin.com/2RCWamq6
2.) This is a default blog layout, which can be adjusted in the Enfold > Blog Layout panel.
3.) https://pastebin.com/kW9cJTaq
4.) https://controlc.com/1bf2ab16Best regards,
IsmaelHi!
No problem! Please don’t hesitate to open another thread if you have more questions about the theme.
Have a nice day.
Regards,
IsmaelHi,
No problem! Please feel free to open another thread if you have more questions about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
Looks like you’ve managed to fix the issue by uploading square images (300x300px). If you still want to adjust the size of the magazine thumbnails using css, you can try this code.
.av-magazine-thumbnail-link > img { width: 100%; height: 100%; object-fit: cover; }Best regards,
IsmaelJanuary 11, 2024 at 9:16 am in reply to: Problem with all styling in advanced layout builder #1429791Hi,
Thank you for the info.
The issue occurs because the server fails to generate the post css files. These files contain the custom styles of the elements in the builder for a specific post or page. To temporarily fix the issue, we added this filter in the functions.php file.
/** * Filter to skip css file generation. * You can add logic to skip for certain pages/posts only. * * @since 4.8.6.1 * @param boolean $create * @return boolean true | false or anything else to skip generation of css file */ function custom_avf_post_css_create_file( $create ) { return false; } add_filter( 'avf_post_css_create_file', 'custom_avf_post_css_create_file', 10, 1 );Best regards,
IsmaelJanuary 11, 2024 at 9:04 am in reply to: Enfold Avia Layout Builder – Plugin Additions – Product Info #1429789Hey Dave,
Thank you for the inquiry.
As mentioned in the Product Info description, the element displays overview of the product attributes. It will not display anything if the product doesn’t have any attributes. To learn more about product attributes, please check the link below.
// https://woo.com/document/managing-product-taxonomies/#product-attributes
Best regards,
IsmaelHey ermington,
Thank you for the inquiry.
Where do you see this info? Would you mind providing a screenshot of it? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelHi,
Thank you for the screenshot.
We edited the script in the functions.php file to enable cells to readjust when the browser size changes. Here is the updated code.
function grid_row_special_headings_and_text_blocks_equal_heights() { ?> <script> (function($){ function resizeGridCells() { var width = $(window).width(); if (width > 767) { $('.page-id-3083 .av-layout-grid-container').each(function(){ var $specialHeading = $('.flex_cell .av-special-heading-tag',this); var $textBlock = $('.flex_cell .av_textblock_section p',this); var specialHeadingHeight = Math.max.apply(Math, $specialHeading.map(function(){ return $(this).height(); }).get()); var textBlockHeight = Math.max.apply(Math, $textBlock.map(function(){ return $(this).height(); }).get()); $specialHeading.height(specialHeadingHeight); $textBlock.height(textBlockHeight); }); } } $(window).on('debouncedresize', function() { resizeGridCells(); }); resizeGridCells(); })(jQuery); </script> <?php } add_action( 'wp_footer', 'grid_row_special_headings_and_text_blocks_equal_heights', 99 );Best regards,
IsmaelJanuary 11, 2024 at 8:34 am in reply to: Search icon disappearing from Menu when snippet used to switch hamburger earlier #1429785Hey Enfoldfanatic,
Thank you for the inquiry.
We made slight adjustments to the css code to make sure that the search icon remains visible alongside the burger menu icon.
/* Activate burger menu */ @media only screen and (max-width: 1224px) { #top #header .av-main-nav>li.menu-item { display: none !important; } #top #header .av-burger-menu-main, #top #header .menu-item-search-dropdown { cursor: pointer; display: block !important; } }Best regards,
IsmaelJanuary 11, 2024 at 8:25 am in reply to: Set a fixed width for a 1/3 column next two a “flexible” 2/3 column. #1429784Hey Enfoldfanatic,
Thank you for the inquiry.
Move the columns inside a Color Section element and apply a custom class name (Advanced > Developer Settings . Custom CSS Class) to it, “av-custom-flex-column ” for example. You can then add this css code to apply a minimum width to the first column.
.av-custom-flex-column .entry-content-wrapper { display: flex; flex-direction: row; } .av-custom-flex-column .entry-content-wrapper .flex_column:nth-child(1) { min-width: 300px; }Best regards,
IsmaelHey tsays,
Thank you for the inquiry.
The title “When Should a Startup Hire a PR Firm?” was manually added to the post content. Have you tried editing the post and adjusting the element manually?
Best regards,
IsmaelHi,
But the jagged line can still be seen.
You can add this css code to move the burger overlay above the section with the jagged edges.
.av-section-bottom-logo.header_color { z-index: 500; position: relative; }Best regards,
IsmaelHey keep12,
Thank you for the inquiry.
Are you trying to replace h3 with another tag? Please try this script in the functions.php file.
function ava_custom_script_c() { ?> <script> (function($) { $(document).ready(function () { // replace h3 with h2 $('h3.av-masonry-entry-title').replaceWith(function() { return $('<h2>', { class: $(this).attr('class'), itemprop: $(this).attr('itemprop'), html: $(this).html() }); }); }); }(jQuery)); </script> <?php } add_action('wp_footer', 'ava_custom_script_c');This script will convert all elements with the class “av-masonry-entry-title” from < h3 > to < h2 >.
Best regards,
IsmaelHey joandjaxx,
Thank you for the inquiry.
You can’t use another icon font to alter the default shape, but you can apply css to create a different shape for the icon container. To adjust the first icon container to a diamond shape for example, please add this css code.
.iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon:after { content: ""; position: absolute; top: 25px; left: -25px; width: 0; height: 0; border-style: solid; border-color: red transparent transparent transparent; border-width: 70px 50px 0 50px; } .iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon { border-style: solid; border-color: transparent transparent red transparent; border-width: 0 25px 25px 25px; height: 0; width: 50px; box-sizing: content-box; position: relative; margin: 20px 0 50px 0; padding: 0; background: transparent; } .iconbox.av-x9jgk-0341356a8a95f9e77745bc47d8dbb48f .iconbox_icon:before { top: 10px; position: relative; z-index: 9; left: -4px; }This is based on: https://css-tricks.com/the-shapes-of-css/
Best regards,
IsmaelJanuary 10, 2024 at 9:30 am in reply to: Header is Not Transparent on Mobile or Different Size Browser Window #1429690Hey solinpaul2,
Thank you for the inquiry.
The transparent and fixed header options are disabled on mobile devices by default. The header will remain static on smaller screens without transparency. We could add a few css modification to re-enable these options, but we don’t recommend it.
@media only screen and (max-width: 768px) { /* Add your Mobile Styles here */ .responsive #top #wrap_all #header { position: fixed; } #top #wrap_all .av_header_transparency { background-color: transparent; color: #333333; border-color: #e1e1e1; } }Best regards,
IsmaelJanuary 10, 2024 at 9:27 am in reply to: Enfold Theme and AIOSEO are causing errors every time AIOSEO is run #1429689Hey liuxuewu,
Thank you for the inquiry.
Would you mind providing a screenshot of the issue, or provide access to the site? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:
1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.
Best regards,
IsmaelJanuary 10, 2024 at 9:24 am in reply to: Photos Storage: 5 years later – any changes in how Enfold handles photo sizes? #1429688Hey goldengate415,
Thank you for the inquiry.
As mentioned in the previous post, you can use the avf_modify_thumb_size filter to disable certain registered thumbnails, preventing the theme from generating unwanted image sizes and saving space.
add_filter('avf_modify_thumb_size', 'avf_modify_thumb_size_mod', 10, 1); function avf_modify_thumb_size_mod($size) { unset($size['magazine']); unset($size['widget']); unset($size['portfolio_small']); unset($size['gallery']); unset($size['entry_with_sidebar']); unset($size['entry_without_sidebar']); unset($size['shop_thumbnail']); unset($size['shop_catalog']); unset($size['shop_single']); return $size; }Once the filter is added, you can use the following plugin to regenerate the thumbnails.
// https://wordpress.org/plugins/regenerate-thumbnails/
Please make sure to create a site backup before doing any of the above.
Best regards,
IsmaelJanuary 10, 2024 at 9:16 am in reply to: Menu problems – underline and dividers are not there #1429687Hi,
But have another issue with font.
We are not yet sure why this is happening. It could be that the font lacks complete support for these characters. Have you tried selecting a different font?
Best regards,
IsmaelJanuary 10, 2024 at 9:02 am in reply to: Video Not Appearing Properly As Color Section Background #1429686Hi,
In the video player settings, we’ve turned on the “Hide Video Controls” yet when the page loads, the controls appear. How can we fix this?
Are you using a Vimeo video? Please note that the “Hide Video Controls” option is intended to work with YouTube and self-hosted videos only. This limitation is specified in the option description.
Check if you want to hide the controls (works for youtube and self hosted videos)
Best regards,
IsmaelHi,
Thank you for the update.
Please try to add this code inside the css media query that we provided above.
#footer .flex_column .widget { text-align: center; }Best regards,
IsmaelHi,
Thank you for the update.
We can’t find the script anywhere in the document. Where did you put the script? Please enable the Appearance > Theme File Editor panel so that we can test the script properly. You can place this code in the wp-config.php file.
define( 'DISALLOW_FILE_EDIT', false ); define( 'DISALLOW_FILE_MODS', false );Best regards,
IsmaelJanuary 10, 2024 at 8:40 am in reply to: archive pages not filtered properly in child theme #1429683Hi,
Thank you for the inquiry.
We may need to inspect the site in order to properly assess the issue. Please provide the login details in the private field. Which blog style did you select?
Best regards,
IsmaelHey joandjaxx,
Thank you for the inquiry.
You can replace the modification with the following code.
/* Icon Size */ .iconbox [data-av_icon]:before { font-size: 50px!important; } .iconbox_icon { margin-right:20px!important; }Best regards,
IsmaelHey juiss,
Thank you for the inquiry.
The anchor seems to be scrolling to the correct destination, but it doesn’t appear so because the columns are set to float above the previous section in order to create a parallax effect. To resolve the issue or to make sure that it scrolls above the column, add an empty color section above the current “leistungen” section, and then apply the ID “leistungen” to it. Don’t forget to remove the element ID “leistungen” from the current section.
Best regards,
Ismael -
AuthorPosts
