Forum Replies Created
-
AuthorPosts
-
Hi,
Glad to know it’s working. Regarding the class selector .dmci, it’s probably not working because it’s being overridden by css rules with higher specificity. You may need to adjust it and use more specific selectors. Please remove the previous css code, then replace it with this:
#top #header .av-main-nav > .dmci a { letter-spacing: 0.0em; }
This might help: https://css-tricks.com/specifics-on-css-specificity/
Best regards,
IsmaelHi,
Thank you for the inquiry.
Unfortunately, the burger or mobile menu doesn’t have that option out of the box. For more options and advanced menu layouts, you may need to install a mega menu plugin such as UberMenu, Max Mega Menu, WP Mega Menu, or QuadMenu. You can also contact Codeable if you need extensive customization for the burger menu. Please check the link below.
— https://kriesi.at/contact/customization
Best regards,
IsmaelHey Sven,
Thank you for the inquiry.
The LCP is the background image used in the header container (kuechen-schmidt_edelstahl_footer-bg.jpg). It’s 2000px in width and 46Kb in size, which is a bit heavy. We recommend significantly reducing the image size, make sure it’s compressed and preload it using the plugin below.
— https://wordpress.org/plugins/preload-lcp-image/
CLS could also be improved by limiting the height of the revolution slider on smaller screens, making sure it doesn’t shift the page while the slider is loading. Please add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top #main #revolutionslider_1 { max-height: 220px; overflow: hidden; } }
Best regards,
IsmaelJune 24, 2025 at 7:06 am in reply to: Custom Posts No Longer Display After Saving Blog Post Eliment #1485823Hi,
Which posts or items are under the Las Vegas category? When we checked, there was only one item under the “On The Strip” category and none under “Off The Strip”. The blog posts element for Oahu was duplicated, so the post in the duplicate under the Oahu category were already displayed in the original element. We removed the duplicate.
These are the posts under the Oahu category:
Best regards,
IsmaelHi,
On the another option can you tell me exactly where to edit the filter and add the line: $current_post[‘content’] = “”;
Try to replace the whole post-format-standard filter with this:
function avf_modify_standard_post_content( $current_post ) { if ( $current_post['post_format'] === 'standard' ) { global $avia_config; $blog_content = ! empty( $avia_config['blog_content'] ) ? $avia_config['blog_content'] : 'content'; $more_link_arrow = '<span class="more-link-arrow"></span>'; $categories = get_the_category( $current_post['ID'] ); $category_names = wp_list_pluck( $categories, 'name' ); if ( in_array( 'Dharma Talks', $category_names ) ) { $read_more_text = __( 'Listen/Read More', 'avia_framework' ); } elseif ( in_array( 'Music Recordings', $category_names ) ) { $read_more_text = __( 'Listen to this', 'avia_framework' ); } else { $read_more_text = __( 'Read more', 'avia_framework' ); } $current_post['before_content'] = ''; if ( $blog_content == 'content' ) { $current_post['content'] = get_the_content( $read_more_text . $more_link_arrow ); } else { $current_post['content'] = get_the_excerpt(); } if ( $blog_content === 'excerpt_read_more' ) { $current_post['content'] .= ' <div class="read-more-link"><a href="' . get_permalink() . '" class="more-link">' . esc_html( $read_more_text ) . $more_link_arrow . '</a></div> '; } } return $current_post; } add_filter( 'post-format-standard', 'avf_modify_standard_post_content' );
This block resets the post content to blank, then re-adds the post content or excerpt.
$current_post['before_content'] = ''; if ( $blog_content == 'content' ) { $current_post['content'] = get_the_content( $read_more_text . $more_link_arrow ); } else { $current_post['content'] = get_the_excerpt(); }
Best regards,
IsmaelHi,
Thank you for the update.
You can try this css to adjust the letter spacing of the “Download my contact info” menu item:
.html_header_sidebar #header .av-main-nav > #menu-item-4085 a { font-size: 16px; letter-spacing: 0.02em; }
Best regards,
IsmaelHey tonyiatridis,
Thanks for reaching out.
Please try this css code to adjust the font color of the sorting buttons:
#main .main_color #js_sort_items a, #top .main_color #js_sort_items a.active_sort { color: #ffffff; } #main .main_color #js_sort_items a:hover { color: #bbe2ff; } .main_color .text-sep { color: #e1e1e1; }
Example:
Best regards,
IsmaelHi,
You can try this css code to adjust the top spacing of any text block element next to a code block.
.avia_codeblock_section + .av_textblock_section { padding-top: 50px; }
Best regards,
IsmaelHey navindesigns,
Thank you for the inquiry.
1.) You can adjust the Min. Mobile Font Size in the Style > Text & Typography panel, as shown in the screenshot below. You can apply a custom css class in the Attributes tab and control the font size using custom css.
2.) Please try this css code to adjust the width and position of the SVG wave separator.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ .avia-section.av-wxcp-c90200cb46284bf3caa8c1c1fbba7cb6 .avia-divider-svg-top svg { height: 50px; width: calc(100% + 300px); left: 20%; } }
Let us know the result.
Best regards,
IsmaelHey agus,
Thank you for the inquiry.
There is no element that exactly matches the layout of the page in the private field, but you might be able to recreate it with some modifications using the Magazine or Blog Posts element set to Grid Layout. Please check the links below for reference.
— https://kriesi.at/themes/enfold-2017/elements/magazine/
— https://kriesi.at/themes/enfold-2017/elements/blog-posts/Best regards,
IsmaelHey jkos,
Thank you for the inquiry.
You can configure the Main Menu > Main Menu Links in the Enfold > Advanced Styling panel. Please check the screenshot below.
Best regards,
IsmaelHi,
Thank you for the clarification.
You can place the first section in the first accordion item, the second in the second one, and so on. Then, add the css code in the Quick CSS field.
Add this to the first accordion item to display the image on the left and the text on the right, as described.
<div class="av-mod-alternate-section"> <div class="av-mod-image"> <img src="image1.jpg" alt="Image 1"></div> <div class="av-mod-text"> This is the text for section 1. Image is on the left.</div> </div>
Then, add this to the next accordion item, with the image on the right and the text on the left.
<div class="av-mod-alternate-section av-mod-reverse"> <div class="av-mod-text"> This is the text for section 2. Image is on the right.</div> <div class="av-mod-image"> <img src="image2.jpg" alt="Image 2"></div> </div>
Take note of the class name “av-mod-reverse”, which reverses the order of the element inside the section.
Best regards,
IsmaelJune 23, 2025 at 9:21 am in reply to: Settings import: couldnt’t import the config because the server didnt resp #1485784Hi,
Great! Glad to know this has been sorted out. Please don’t hesitate to open another thread if you have more questions
Have a nice day.
Best regards,
IsmaelJune 23, 2025 at 9:19 am in reply to: Custom Posts No Longer Display After Saving Blog Post Eliment #1485783Hi,
Thank you for the inquiry.
We temporarily disabled the post type selection by removing the following code from the functions.php file but the issue persists.
add_theme_support('add_avia_builder_post_type_option');
We also noticed that the issue only occurs when the Grid Layout style is selected. Please try to temporarily remove the postslider.php file from the child theme’s shortcodes folder.
Let us know the result.
Best regards,
IsmaelHi,
Glad to know that @Guenni007 was able to help you out! Feel free to reach out if you have any more questions.
Best regards,
IsmaelHi,
Thank you for the info.
You may need to manually remove this line from the includes/loop-index.php file, around line 151.
$current_post['content'] = $blog_content == 'content' ? get_the_content( __( 'Read more', 'avia_framework' ) . $more_link_arrow ) : get_the_excerpt(); $current_post['content'] = $blog_content == 'excerpt_read_more' ? $current_post['content'] . ' <div class="read-more-link"><a href="' . get_permalink() . '" class="more-link">' . __( 'Read more', 'avia_framework' ) . $more_link_arrow . '</a></div> ' : $current_post['content']; $current_post['before_content'] = '';
To override the template, you can create a copy of /includes/loop-index.php in your child theme folder.
Another option is to edit the filter and ensure that the $current_post[‘content’] is blank before appending the new read more link.
$current_post['content'] = "";
Best regards,
IsmaelHi,
Sorry about that. Include this css code to remove the author and the extra separators:
.slide-meta-time + .slide-meta-del, .slide-meta-author, .slide-meta-author + .slide-meta-del { display: none !important; }
Best regards,
IsmaelHi,
Thank you for the update.
To hide the post tags, you can add this code in the Quick CSS field or the style.css file:
#top #wrap_all .slide-meta-tags { display: none; }
Let us know the result.
Best regards,
IsmaelHi,
No problem! Feel free to open another thread if you have more questions. Have a nice day.
Best regards,
IsmaelJune 20, 2025 at 9:03 am in reply to: H1 Styling Issue After Embedding Map Using WP Maps Plugin #1485709Hey lara666,
Thank you for the inquiry.
The font looks different on the “our-services” page because the variation 300 is not loaded for some reason, so it falls back to 100 font weight. Technically, the heading element in the “struct-projects-map” has the correct appearance. If you need to make the font weight consistent, you can try this css code:
.av-thin-font .av-special-heading-tag, .modern-quote .av-special-heading-tag { font-weight: 100; }
This is the font in the services page:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700%7COpen+Sans:400,600%7CRoboto:100,400,700&display=auto" id="avia-google-webfont">
And this is the one loaded on the other page, probably because of the map:
<link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Google+Sans:400,500,700|Google+Sans+Text:400,500,700&lang=en">
Best regards,
IsmaelHi,
Great! Glad to know it worked. Since you’re loading the font using the wp_enqueue_style, you might be able to simply turn off the font selection in your layer slider, if we’re not mistaken. Feel free to open another thread if you have more questions.
Have a nice day.
Best regards,
IsmaelHey mrqslmk,
Thank you for the inquiry.
Instead of using shortcodes, you can directly use html in the accordion content. Example:
<div class="av-mod-alternate-section"> <div class="av-mod-image"> <img src="image1.jpg" alt="Image 1"> </div> <div class="av-mod-text"> This is the text for section 1. Image is on the left. </div> </div> <div class="av-mod-alternate-section av-mod-reverse"> <div class="av-mod-text"> This is the text for section 2. Image is on the right. </div> <div class="av-mod-image"> <img src="image2.jpg" alt="Image 2"> </div> </div> <div class="av-mod-alternate-section"> <div class="av-mod-image"> <img src="image3.jpg" alt="Image 3"> </div> <div class="av-mod-text"> This is the text for section 3. Image is on the left again. </div> </div>
Add this code in the Quick CSS field:
.av-mod-alternate-section { display: flex; align-items: center; margin: 2rem 0; gap: 2rem; } .av-mod-reverse { flex-direction: row-reverse; } .av-mod-image img { max-width: 300px; height: auto; display: block; } .av-mod-text { max-width: 600px; }
Let us know if you need more info.
Best regards,
IsmaelJune 20, 2025 at 8:18 am in reply to: Custom Posts No Longer Display After Saving Blog Post Eliment #1485705Hey NicomIT,
Thank you for the inquiry.
Where can we check the issue? Please create a test page and provide the login details in the private field so we can investigate. Make sure that Appearance > Theme File Editor is accessible.
Best regards,
IsmaelHey limedrop,
Thank you for the inquiry.
The button is being covered by the next column because of this css code:
.flex_column.av-jphwa-2f2d0c7ad638153de46afd3b2370f48d { position: relative; right: 250px; padding: 200px 0px 0px 0px; }
You could adjust the z-index of the first column, but it will put the text behind the background of the first column. Try to decrease the value of the right property to 100px or lower.
Let us know the result.
Best regards,
IsmaelHey Sebastian,
Thank you for the inquiry.
Apply a Custom CSS Class name (e.g “avia-custom-gallery”) to the Gallery element in the Advanced > Developer Settings panel, then add this css code to adjust the width of the items on mobile view.
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top .avia-custom-gallery .avia-gallery-thumb a { width: 25%; } }
Best regards,
IsmaelJune 20, 2025 at 7:39 am in reply to: Settings import: couldnt’t import the config because the server didnt resp #1485702Hi,
Thank you for the info.
We uploaded the exported theme options to your installation and got a 403 or forbidden error. The same theme options file works fine on our own installation, so it’s definitely an issue with the server configuration. We could try uploading the theme options directly in your database, but we’ll need access to it.
Best regards,
IsmaelHi,
Thank you for the update.
and when I set it to “scale to fit”, it doesn’t show on mobile.
The background is set to “scale to fit” and it’s still visible on smaller screens when we checked. If the issue still occurs on your end, try to duplicate the section, adjust the background size settings, one using “scale to fit” and the other “stretch to fit”, then toggle the sections’ visibility for different sizes using the Advanced > Responsive > Element Visibility options.
You can also add this css code to manually adjust the background size to “cover” or “stretch to fit” on smaller screens:
@media only screen and (max-width: 989px) { /* Add your Mobile Styles here */ #top #wrap_all .flex_cell.av-m7hqe6b7-0a95c68b280818d6da5bb44681988588 { background-size: cover !important; } }
Best regards,
IsmaelHi,
Thank you for the screenshots.
How did you set the font? It’s only loading on the homepage, probably because you have selected the fonts in the layer slider settings and it only loads on pages where the slider is present. You will need to manually load the fonts on other pages as well.
<link href="https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i%7CFraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
Please try this code in the functions.php file:
function ava_load_custom_fonts() { wp_enqueue_style( 'ava-custom-google-fonts', 'https://fonts.googleapis.com/css?family=Jost:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Fraunces:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i', false ); } add_action('wp_enqueue_scripts', 'ava_load_custom_fonts');
Best regards,
IsmaelHi,
We can’t reproduce the issue with the section backgrounds. Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
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,
IsmaelHey atx_m,
Thank you for the inquiry.
Please try to add this code to the functions.php file to make sure that the post meta info is displayed:
function avf_postslider_posts_meta_data_show_mod(){ return true; } add_filter('avf_postslider_posts_meta_data_show', 'avf_postslider_posts_meta_data_show_mod'); function avf_postslider_posts_meta_data_mod(){ return 'always'; } add_filter('avf_postslider_posts_meta_data', 'avf_postslider_posts_meta_data_mod');
Let us know the result.
Best regards,
Ismael -
AuthorPosts