Hey 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,
Ismael

Hey 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,
Ismael

Hi,

You’re welcome! Let us know if you have more questions.

Have a nice day.

Best regards,
Ismael

Hey 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,
Ismael

Hey!

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!
Ismael

Hi,

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,
Ismael

Hi,

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,
Ismael

Hey 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,
Ismael

Hey 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,
Ismael

Hi,

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

Hi,

The background-attachment: fixed property is only partially supported on Safari browsers and Android browser doesn’t support it at all. It’s possible that the version you’re checking it with doesn’t support the property.

Please check the link below for more info: https://caniuse.com/background-attachment

Known Issues:

— Firefox does not appear to support the local value when applied on a textarea element.
— Chrome has an issue that occurs when using the will-change property on a selector which also has background-attachment: fixed defined. It causes the image to get cut off and gain whitespace around it.
— iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

Best regards,
Ismael

Hey Novacom_Tahiti,

Thank you for the inquiry.

Have you tried updating or temporarily removing the header.php file from the child theme? Let us know the result.

Best regards,
Ismael

Hey LMS,

Thank you for the inquiry.

It seems to be displaying correctly on our end. Please check the screenshot below:

View post on imgur.com

Have you tried checking it on incognito mode?

Best regards,
Ismael

Hi,

It seems to be working correctly on our end. Please try adding it again, then toggle or temporarily disable the Enfold > Performance > File Compression settings. Let us know the result.

View post on imgur.com

Best regards,
Ismael

Hi,

Would you mind providing a screenshot of the changes that you’d like to implement? 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,
Ismael