Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
Apply an ID to the Color Section containing the Column element in the Advanced > Developer Settings > Custom ID Attribute field. Use “avwm-hero-section,” for example, then add this css code to pull the content below and make the column overlap with the next section.
@media only screen and (min-width: 989px) { /* Add your Mobile Styles here */ #avwm-hero-section { margin-bottom: -500px; } }Best regards,
IsmaelHi,
Thank you for the inquiry.
Did you add this css code?
#top #header .social_bookmarks .av-social-link-rumble a { background: url(rumble_image_url) center center no-repeat; background-size: contain; }What happens when you remove the css modification for the rumble social icon?
Best regards,
IsmaelHi,
It will affect the smooth scroll script and any other scroll-related scripts that rely on the waypoint script. Disabling the script might cause errors that conflict with other scripts, so it’s not recommended.
Best regards,
IsmaelHey Aleksandra,
Thank you for the inquiry.
Have you tried selecting a different font? You can adjust this in the Enfold > General Styling > Fonts tab. You can also modify the default content font size for various screen sizes in the Typography tab.
Best regards,
IsmaelHi,
Thank you for the update.
Please create a backup of the previous modification, then replace it with this updated code:
function ava_custom_script_change_offset() { ?> <script> (function ($) { var width = $(window).width(); $('a[href*="#"]:not([href="#"])').click(function () { if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) { var target = $(this.hash); target = target.length ? target : $('[name=' + this.hash.slice(1) + ']'); if (target.length) { var offset = 0; if (width < 767) { offset = 220; } else if (width >= 767 && width < 989) { offset = 170; } else if (width >= 989) { offset = 180; } $('html, body').animate({ scrollTop: target.offset().top - offset }, 1000); return false; } } }); $(window).on('load', function () { var hash = location.href.split("#")[1]; if (hash) { var target = $('#' + hash); if (target.length) { var offset = 0; if (width < 767) { offset = 220; } else if (width >= 767 && width < 989) { offset = 170; } else if (width >= 989) { offset = 180; } $('html, body').animate({ scrollTop: target.offset().top - offset }, 1000); return false; } } }); })(jQuery); </script> <?php } add_action('wp_footer', 'ava_custom_script_change_offset', 99);Best regards,
IsmaelHey Julie,
Thank you for the inquiry.
The structure or html of the page looks broken. The footer and socket container are not supposed to be inside the color section. Did you add any html tags to the page? Please try deactivating all plugins, then check all html on the page and make sure that all tags are closed properly.
Best regards,
IsmaelHey nebuddlho,
Thank you for the inquiry.
We didn’t find any h5 element on the page. To adjust the tag of the comment mini heading from h3 to something else, you can add this code to the functions.php file:
function avf_customize_heading_settings_mod( array $args, $context, array $extra_args = array() ){ if( $context == 'comments_open' ){ $args['heading'] = 'p'; } return $args; } add_filter( 'avf_customize_heading_settings', 'avf_customize_heading_settings_mod', 10, 3 );Best regards,
IsmaelHey Aubin,
Thank you for the inquiry.
1.) Please ask your hosting provider to create a site backup or restore point prior to changing your WordPress site’s URL from non-www to www. After creating a site backup, follow the steps below:
– Log in to your WordPress admin dashboard.
– Navigate to Settings > General.
– Update the URLs:
— In the “WordPress Address (URL)” field, change your URL from http://example.com to http://www.example.com.
— In the “Site Address (URL)” field, change your URL from http://example.com to http://www.example.com.
– Save Changes:
— Scroll down and click the “Save Changes” button.
– Update .htaccess File (optional but recommended for SEO and redirecting):
— Access your website’s files via FTP or the hosting file manager.
— Locate and edit the .htaccess file in your website’s root directory.
— Add the following code to redirect non-www to www:
`
# Redirect non-www to www
RewriteEngine On
RewriteCond %{HTTP_HOST} ^example\.com [NC]
RewriteRule ^(.*)$ http://www.example.com/$1 [L,R=301]
`
— Replace example.com with your actual domain name.
– Clear Your Cache:
— Clear your browser cache and any caching plugins you might be using.
– Verify the Changes:
— Check your website to ensure it loads correctly with the www prefix.
– You may need to update the DNS records if necessary. Please ask your hosting provider about this before proceeding.2.) Are you using the WooCommerce plugin? The product page should have filter or sorting options by default if you’re using the plugin. Please check the documentation below for more info.
3.) You will have to install a plugin such as WPML or Polylang in order to create a multilingual site or add a language switcher. Please check the links below:
// https://wpml.org/documentation/theme-compatibility/enfold/
// https://wpml.org/tutorials/2016/02/enfold-theme-and-wpml/If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.
Thanks!
Best regards,
IsmaelJune 20, 2024 at 7:07 am in reply to: Colour Selection when doing different paragraphs on landing page #1452085Hi,
We adjusted the value of the Alternate Content Font Color in the Enfold > General Styling > Alternate Content tab. This change should also adjust the font color of the content in the promo box element.
Best regards,
IsmaelHi,
Thank you for the update.
The file was compressed from 2.16 MB to 612.45 KB, saving 72.33 percent, using WP-Optimize). Not sure if this is enough or I shall apply more compression?
The size (612.45 KB) is still too large. We recommend resizing the images to half of the current dimensions (1120x575px) before compressing or uploading them to the gallery.
Best regards,
IsmaelHi,
Thank you for the info.
The theme includes the latest version of the script (4.0.1), so this might be a false positive report, as it didn’t identify the specific line of code with the vulnerability
// https://www.npmjs.com/package/waypoints
Best regards,
IsmaelHi,
Thank you for the update.
We adjusted the css code a bit. Please replace the previous css with this code:
.cofounder_toggle.av-minimal-toggle .toggle_icon { position: absolute; margin-top: -44px; left: 50%; transform: translateX(-50%); width: 40px; height: 40px; }Best regards,
IsmaelJune 19, 2024 at 6:33 am in reply to: add categories to default (business) style blog post element grid layout #1451925Hey sky19er,
Thank you for the inquiry.
You can add this filter to the functions.php file to always show the post categories:
add_filter('avf_postslider_show_catergories', 'avf_postslider_show_catergories_mod', 10, 1); function avf_postslider_show_catergories_mod($category) { $show_cats = 'show_business'; return $show_cats; }Best regards,
IsmaelJune 19, 2024 at 5:53 am in reply to: Colour Selection when doing different paragraphs on landing page #1451918Hi,
For some reason, the border settings have reverted to default. We edited it again and provided a screenshot in the private field. Please make sure to purge the cache before checking the page.
Best regards,
IsmaelHey Rolf,
Thank you for the inquiry.
There is no option for this out of the box. You can only apply the reCAPTCHA option in the default contact form. If this is really necessary, you may need to search for and install a plugin or implement it manually using a custom script. Unfortunately, this is beyond the scope of support.
Best regards,
IsmaelJune 19, 2024 at 5:44 am in reply to: Portfolio and Posts Reverse Navigation, Same Category, and Looped #1451916Hey jollyrogerd,
Thank you for the inquiry.
Have you tried setting the Enfold > Blog Layout > Single Post Options > Single Post Navigation settings to the third option (Loop post navigation)? Let us know if this works for you.
Best regards,
IsmaelHey vbonora,
Thank you for the inquiry.
You can use the dropdown to sort the icons by family or set. The default set included in the theme is entypo-fontello, but it’s possible to add more sets using the Enfold > Import/Export > Iconfont Manager. You can also use the search field to search for icons by their name (e.g., mail, facebook, star), or use the same field to search by character code or Unicode. For more info, please check the links below:
Using the Iconfont Manager:
https://kriesi.at/documentation/enfold/icon/#adding-your-own-fontello-or-flaticon-icons-
How to find the icon Unicode or character code:
https://kriesi.at/documentation/enfold/icon/#how-to-find-the-icon-unicode
Best regards,
IsmaelJune 18, 2024 at 5:16 am in reply to: Colour Selection when doing different paragraphs on landing page #1451843Hi,
Thank you for the clarification.
We edited the color section and set the Layout > Borders > Section Top Border Styling settings to the first option (Display a simple 1px top border).
Best regards,
IsmaelJune 18, 2024 at 5:09 am in reply to: Portfolio grid image quality issue on Chrome and Brave browsers #1451841Hi,
Thank you for the update.
Leaving the settings like this will have any effect in the site’s overall performance?
Yes, disabling lazy load and responsive images will affect the performance. Please re-enable the responsive images option, then add this code in the functions.php file:
function av_wp_calculate_image_srcset($sources, $size_array, $image_src, $image_meta, $attachment_id) { if (empty($sources)) { return $sources; } $largest = null; foreach ($sources as $source) { if (!$largest || $source['width'] > $largest['width']) { $largest = $source; } } foreach ($sources as $key => $source) { $sources[$key]['sizes'] = '(min-width: 990px) 100vw'; } return $sources; } add_filter('wp_calculate_image_srcset', 'av_wp_calculate_image_srcset', 10, 5); function av_custom_image_sizes_attr($sizes, $size) { $sizes = '(max-width: 989px) 100vw, (min-width: 990px) 100vw'; return $sizes; } add_filter('wp_calculate_image_sizes', 'av_custom_image_sizes_attr', 10, 2);Please make sure to purge the cache before checking. Let us know of the result.
Best regards,
IsmaelJune 18, 2024 at 5:06 am in reply to: Is it possible to have a column element inside another column element? #1451840Hi,
Thank you for the update.
You can still create nested columns by inserting a Text or Code Block element inside a Column element. Just add a single div as the main container and set its display to flex. Example:
HTML:
<div class="av-nested-column"> <div class="av-nested-column-one-half"> <p>This is the first column.</p> </div> <div class="av-nested-column-one-half"> <p>This is the second column.</p> </div> </div>CSS:
.av-nested-column { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; padding: 20px; } .av-nested-column-one-half { width: 50%; padding: 20px; box-sizing: border-box; } @media (max-width: 768px) { .av-nested-column-one-third, .av-nested-column-one-fifth, .av-nested-column-one-fourth, .av-nested-column-one-half { width: 100%; } }For other sizes (1/3, 1/4 etc), add this:
.av-nested-column-one-third { width: 33.33%; padding: 20px; box-sizing: border-box; } .av-nested-column-one-fifth { width: 20%; padding: 20px; box-sizing: border-box; } .av-nested-column-one-fourth { width: 25%; padding: 20px; box-sizing: border-box; }Best regards,
IsmaelHi,
Thank you for your understanding. Please feel free to open another thread if you have more question about the theme.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the update.
The uploaded images are a little too big for the page or the slider. The rendered size of the slides is only 911x610px, but the uploaded images are twice the size (2240x1150px), which is too large. Please install an image compression tool and try to upload smaller images, perhaps half the current size. Also, ensure that the Enfold > Performance > Responsive Images and Lazy Loading > Responsive Images option is checked or enabled.
// https://wordpress.org/plugins/search/image+compression/
Best regards,
IsmaelHey gatehealing,
Thank you for the inquiry.
Unfortunately, there is no option for this. You may need to manually include a Special Heading element or a Text Block and place the title there.
Best regards,
IsmaelJune 17, 2024 at 6:08 am in reply to: Toggle 4 columns in big screen to 2 columns in mobile #1451520Hey sn82com,
Thank you for the inquiry.
You have to adjust the css rule for the .col-25p elements a bit:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .col-25p { width: 48% !important; background: gold; float: left !important; clear: none !important; } }Best regards,
IsmaelJune 17, 2024 at 5:12 am in reply to: Colour Selection when doing different paragraphs on landing page #1451483Hi,
Thank you for the info.
Is this the color that you’d like to apply to the color section?
// https://www.color-hex.com/color/888888
If not, please edit the Color Section and adjust the value of the Custom Background Color settings in the Styling > Background colors toggle.
Best regards,
IsmaelHi,
Thank you for the info.
It looks like the style element is generated because of the custom footer page. It has to render the custom styles of the element inline because the post css file for the custom footer page is unavailable. Unfortunately, it’s not possible to disable this inline style at the moment. We also can’t find the paragraph element without the opening tag.
Best regards,
IsmaelHey leloux,
Thank you for the inquiry.
We didn’t find any headline rotator on the homepage. Where did you add the element? You can use the margin settings to adjust the vertical alignment of the headline. The margin values can be adjusted in the Styling > Spacing section.
Best regards,
IsmaelHey reqonsult,
Thank you for the inquiry.
We can’t find the image button in the page. Please provide a screenshot. Have you tried setting the Image Link? to Set manually? You can then define the link or URL of your choice in the following field.
Best regards,
IsmaelHey bemodesign,
Thank you for the inquiry.
You can use the theme’s default lightbox to open inline content. Please check the links below for examples:
// https://kriesi.at/support/topic/popup-window-3/#post-1337540
// https://kriesi.at/support/topic/code-snippet-inline-post-content-popup-magnific-popup-shortcode/
// https://kriesi.at/support/topic/pop-up-feature/#post-1395322
// https://kriesi.at/support/topic/team-member-element-open-team-member-description-in-lightbox/#post-1354989Best regards,
IsmaelHey waterwalk,
Thank you for the inquiry.
There will be a new feature called Dynamic Content in the upcoming version, but it’s not available yet. For now, you will have to directly modify the category page template and add the ACF field manually.
// https://www.advancedcustomfields.com/resources/displaying-custom-field-values-in-your-theme/
Best regards,
Ismael -
AuthorPosts
