Forum Replies Created
-
AuthorPosts
-
Hi,
Thank you for the update.
We added this css code to center align the reviews/rating container:
#top .entry-summary .woocommerce-product-rating { display: flex; justify-content: center; }Best regards,
IsmaelHi,
The “Infos” page is empty and should remain empty. It only exists to structure the URL but should not be accessible.
I need to remove the “Infos” part from the breadcrumb while keeping the correct structure.To clarify, are you trying to hide the trail or just make it inaccessible? If you want to make it inaccessible, please use the css code above. However, if you want to completely remove the trail, add this code to the functions.php file:
function ava_breadcrumbs_trail_mod( $trail, $args ) { if ( is_single() ) { unset ($trail[2]); } return $trail; } add_filter( 'avia_breadcrumbs_trail', 'ava_breadcrumbs_trail_mod', 50, 2 );Best regards,
IsmaelHey Aubin,
Thank you for the inquiry.
Are you referring to this thread? https://kriesi.at/support/topic/mobile-screen-result/
What do you mean by “test Is too small”? Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHi,
Thank you for the update.
Can I add multiple child numbers to the colors? I think I’ll create about 30 entries.
Yes, you can assign the background color to multiple entries. Example:
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(4) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(12) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(16) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(20) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(25) .av-inner-masonry-content { background: rgba(67, 20, 255, 0.95); } #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(5) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(13) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(17) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(21) .av-inner-masonry-content, #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(26) .av-inner-masonry-content { background: rgba(32, 192, 90, 0.95); }Is there a way to show a description in addition to the title?
Are you using the Advanced Layout Builder to build the posts? If you are, you will need to create an excerpt using the post’s Excerpt box.
Best regards,
IsmaelHi,
Simply click the green plus icon, then select the new social icons from the dropdown.
Best regards,
IsmaelHey Manfred,
Thank you for the inquiry.
Unfortunately, we are not sure how the plugin handles existing posts. The items might need to be deleted manually from the database. Please contact the plugin author for additional assistance.
Best regards,
IsmaelHi,
Yes, unfortunately, it’s only possible without the box shadow. Fur further assistance with customization and building your site, you can hire a freelance developer or contact our partner, Codeable.
— https://kriesi.at/contact/customization
Best regards,
IsmaelMarch 3, 2025 at 4:40 am in reply to: I NEED CSS CODE FOR ENFOLD THEME REDUCE STRETCHED IMAGE ON MOBILE VIEW FOR EASY #1478416Hi,
Try to replace the css rule with this:
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img { height: 550px !important; object-fit: cover; }This will partially cut off the images but will prevent them from getting distorted.
Best regards,
IsmaelHi,
This is the front end:
The images are from the same SVG and is simply uploaded via the Media > Library.
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
You can use a Grid Row layout, insert two cells, set the cell size to 2/5 and 3/5, then insert 6 columns inside the 3/5 cell. In each column, add an Image element and select the SVG image.
Example:
Best regards,
IsmaelHey Aubin,
Thank you for the inquiry.
Could you provide us with a link to the page containing the link? A screenshot would also help. You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot.
Best regards,
IsmaelHi,
We created a test page, adjusted the layout and edited the css code. You can follow this layout for the other columns. Please check the private field.
Best regards,
IsmaelHey Munford,
Thank you for the inquiry.
You can wrap the icons inside a container with the flex display. Example:
<div style="display: flex; justify-content: center; gap: 10px;"> <p style="text-align: center;">[av_font_icon icon='ue800' font='fontello' style='' caption='' size='40px' position='left' color='' link='manually,https://open.spotify.com/show/4Gp6TacLep5lwryRswr1eM' link_dynamic='' linktarget='_blank' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-4br8jf' sc_version='1.0' admin_preview_bg=''][/av_font_icon]</p> <p style="text-align: center;">[av_font_icon icon='uf2ce' font='spotify' style='' caption='' size='40px' position='left' color='' link='manually,https://podcasts.apple.com/dk/podcast/third-ear/id336149343' link_dynamic='' linktarget='_blank' title_attr='' sonar_effect_effect='' sonar_effect_color='' sonar_effect_duration='1' sonar_effect_scale='' sonar_effect_opac='0.5' animation='' id='' custom_class='' template_class='' element_template='' one_element_template='' av_uid='av-2jxs7f' sc_version='1.0' admin_preview_bg=''][/av_font_icon]</p> </div>If you want to add a custom icon to the theme, please check this documentation: https://kriesi.at/documentation/enfold/social-share-buttons/#how-to-add-custom-social-icons-to-enfold-options
Best regards,
IsmaelHey laOlaWeb,
Thank you for the inquiry.
What is the name of the post type? The avf_alb_supported_post_types filter only enables the Advanced Layout Builder (ALB) for the actual post items. You can also define the post types in the Enfold > Layout Builder > Activate Your Custom Post Types For ALB field. Unfortunately, it’s not possible to edit the archive pages using the ALB.
Best regards,
IsmaelHi,
You’re welcome! Let us know if you have more questions.
Have a nice day.
Best regards,
IsmaelHi,
Thank you for the info.
Please add this css code to hide the post date:
#top .av-masonry-date { display: none; }Best regards,
IsmaelHey beyond-flora,
Thank you for the inquiry.
You might be able to achieve the same layout using the Masonry element. Set Content > Captions > Element Title and Excerpt Styling to the second option, and set Element Title and Excerpt Display to “Display on mouse hover”.
Regarding the unique overlay colors, you can try this css code:
#top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(2) .av-inner-masonry-content { background: rgba(52, 25, 75, 0.95); } #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(3) .av-inner-masonry-content { background: rgba(32, 192, 90, 0.95); } #top .av-caption-style-overlay .av-masonry-item-with-image:nth-child(4) .av-inner-masonry-content { background: rgba(67, 20, 255, 0.95); }The css code above should adjust the overlay color of the first 3 items in the masonry grid.
Best regards,
IsmaelFebruary 28, 2025 at 5:51 am in reply to: HTML id or class of the Posts Container for product archives #1478197Hey Matt,
Thank you for the inquiry.
The parent wrapper of the product list container is “.content .entry-content-wrapper” or “.entry-content-wrapper”.
Best regards,
IsmaelHey!
The accordion displays correctly when we disabled the Imagify plugin. Please try toggling the plugin options, specifically the one that converts images to “picture” format or “webp”. Let us know the result.
Cheers!
IsmaelHi,
The entries should have the following values, but they could differ depending on the content of the page. As mentioned above, you have to manually switch to the Advanced Layout Builder and update the page in order to generate these entries correctly. Do not add these entries manually to your database if you’re not sure what they do. If you need further assistance, please consider hiring a freelance developer or contacting our partner, Codeable.
— https://kriesi.at/contact/customization
_aviaLayoutBuilder_active – active
_aviaLayoutBuilderCleanData – [av_custom_layout link='alb_custom_layout,3385' av_uid='av-m7mv5xmb' sc_version='1.0']
_avia_builder_shortcode_tree – a:22:{i:0;a:3:{s:3:”tag”;s:16:”av_custom_layout”;s:7:”content”;a:0:{}s:5:”index”;i:0;}i:1;a:3: … incomplete
_av_alb_posts_elements_state – a:23:{s:11:”av_icongrid”;b:1;s:12:”av_one_third”;b:1;s:12:”av_one_fifth”;b:1;s:16:”av_custom_layout”;b:1;s:13:”av_layout_row”;b:1;s:17:”av_cell_one_third”; … incomplete
Best regards,
IsmaelFebruary 28, 2025 at 5:20 am in reply to: How to add social Media accounts BlueSky & Mastodon? #1478192Hi,
You can add this code in the functions.php file:
function avia_add_custom_icon($icons) { $icons['bluesky'] = array( 'font' =>'fontello', 'icon' => 'ue800'); $icons['mastodon'] = array( 'font' =>'fontello', 'icon' => 'ue800'); return $icons; } add_filter('avf_default_icons','avia_add_custom_icon', 10, 1); function avia_add_custom_social_icon($icons) { $icons['Bluesky'] = 'bluesky'; $icons['Mastodon'] = 'mastodon'; return $icons; } add_filter('avf_social_icons_options','avia_add_custom_social_icon', 10, 1);Make sure to replace the icon value (ue800) with the actual font icon unicode. You can see it by hovering over the icons.
— https://kriesi.at/documentation/enfold/icon/#how-to-find-the-icon-unicode
Best regards,
IsmaelHi,
Thank you for the update.
Please provide the site URL in the private field so we can check the element. In the meantime, try toggling or temporarily disabling the Enfold > Performance > File Compression settings, then purge the cache. Let us know if the styling is still not being applied.
Best regards,
IsmaelHi,
Thank you for the info.
Try to replace the css code with this:
#top .aviaccordion .av-accordion-text-center { width: 80%; text-align: left; } #top .aviaccordion .aviaccordion-preview-title { padding-left: 5%; }Best regards,
IsmaelHey ballindigital,
Thank you for the inquiry.
You can add this css code:
@media only screen and (max-width: 767px) { /* Add your Mobile Styles here */ #top div.product .product_title { clear: none; text-align: center; } #top div.product .price { width: 100%; display: flex; justify-content: center; } }Result:
Best regards,
IsmaelHey MarcusJeroch,
Thank you for the inquiry.
You can try this css code to disable the link of the second trail:
div .breadcrumb-trail span:nth-child(4) span a { pointer-events: none; }If you want to completely hide it, use this instead:
div .breadcrumb-trail span:nth-child(4) { display: none; }Best regards,
IsmaelFebruary 28, 2025 at 4:53 am in reply to: Consent Dialogue: [av_privacy_google_tracking] greyed out for Firefox (desktop) #1478186Hi,
This is how the Google Analytics Cookies tab looks on our end.
Please try to remove the browser history and cookies, then purge the cache.
Best regards,
IsmaelFebruary 28, 2025 at 4:50 am in reply to: I NEED CSS CODE FOR ENFOLD THEME REDUCE STRETCHED IMAGE ON MOBILE VIEW FOR EASY #1478185Hey bemodesign,
Thank you for the inquiry.
Did you add this css code?
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img { height: 550px !important; }Please remove css rule or override it with:
.responsive #top .avia-slideshow-inner, .responsive #top .avia-slideshow-inner img { height: auto !important; }Let us know the result.
Best regards,
IsmaelFebruary 28, 2025 at 4:48 am in reply to: Consent Dialogue: button (“lock icon”) not displayed on Firefox mobile #1478184Hi,
Thank you for the clarification.
We checked the site using Firefox browser on a Xiaomi 8 phone, and the cookie consent modal displays correctly. Have you tried clearing the cookies and history in your browser? It’s possible that you’ve already visited the site before and selected an option in the cookie modal.
Best regards,
IsmaelHi,
Thank you for the update.
Did you add any custom scripts to the site? The following error occurs in the console, which might be the reason why the accordion slider is not displaying correctly.
Uncaught SyntaxError: Failed to execute ‘querySelectorAll’ on ‘Document’: ‘#watch_feed div:not([class]) > div:not([class]) div[class] span[class] > a span[aria-labelledby]:has(> span[style=”display: flex;”] > span[class]:has-text(/^S$/)):has(> span[style=”display: flex;”] > span[class]:has-text(/^p$/)):has(> span[style=”display: flex;”] > span[class]:has-text(/^d$/))’ is not a valid selector.
at L (:1:11605)
at W (:1:10410)
at q (:1:10496) Best regards,
Ismael -
AuthorPosts
