Hey Simon,

Could you try updating the theme to the latest version (6.0.3) to see if that helps please? https://kriesi.at/documentation/enfold/theme-update/.

Best regards,
Rikard

Hey xela,

That is not possible by default unfortunately. You could try to activate debug mode under Enfold->Layout Builder->Show advanced options though, and try to copy the shortcodes in question into the Accordion. Please note that this might lead to unexpected results and elements might break.

Best regards,
Rikard

Hey xela,

Thanks for the update, we’ll close this thread then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey Maggie,

Thank you for the inquiry.

The Basecamp and iTunes logos are not available by default, so you need to upload the following file in Enfold > Import/Export > Iconfont Manager.

// https://1drv.ms/u/s!AjjTfXSRbKTvguNhHdHENtIsAnob_Q?e=111Wsv

Then add this code to the functions.php file:

// Register new icon as a theme icon
function avf_default_icons_mod($icons) {
	$icons['spotify'] = array( 'font' =>'entypo-fontello', 'icon' => 'ue907');
    $icons['basecamp'] = array( 'font' =>'basecamp', 'icon' => 'ue800');
    $icons['itunes'] = array( 'font' =>'basecamp', 'icon' => 'ue801');
	return $icons;
}
add_filter('avf_default_icons','avf_default_icons_mod', 10, 1);

// Add new icon as an option for social icons
function avf_social_icons_options_mod($icons) {
	$icons['Spotify'] = 'spotify';
    $icons['Basecamp'] = 'basecamp';
    $icons['iTunes'] = 'itunes';
	return $icons;
}
add_filter('avf_social_icons_options','avf_social_icons_options_mod', 10, 1);

Best regards,
Ismael

Hi,

Thank you for the info.

The custom font was not selected as the heading and body font in Enfold > General Styling > Fonts tag. We re-selected it as the default font. Please make sure to purge the cache before checking.

Best regards,
Ismael

Hey Lin84,

Do you mean the strong tag? If so then you can set the colour under Enfold->Advanced Styling.

Best regards,
Rikard

Hey esther nijhuis,

You could try adding those buttons in a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area

Best regards,
Rikard

Hey kiddyscheme,

You can select which sidebar setting you prefer under Enfold->Sidebar settings.

Best regards,
Rikard

Hi,

If you could share the shortcodes of the page in question then we could try to reproduce the problem on our test sites. You can see shortcodes by activating debug mode under Enfold->Layout Builder->Show advanced options.

Best regards,
Rikard

Hi,
Thanks for the test page, so to have a different SVG icon for each item you need to use a different font-icon for each item so you can use a different code in the css for each item:

I then copied the base css from the example link and added your font-icon codes and your SVG icon URLs:

[data-av_iconfont="entypo-fontello"][data-av_icon="\e89f"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/home-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a0"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/people-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a1"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bed-icon.png) !important}
[data-av_iconfont="entypo-fontello"][data-av_icon="\e8a2"]:before{font-size:0;width: 50px; height: 50px; display: inline-block; background-size: contain;background-image: url(/wp-content/uploads/2024/08/bath-icon.png) !important}

Then to make the gray backgrounds transparent I added this css:

.page-id-321 .main_color .avia-icon-list .iconlist_icon {
    background-color: transparent;
}

This is the result:

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hi,

Where would you like to position the language switcher exactly? Please provide a screenshot. You can display them again in mobile view using this css code:

@media only screen and (max-width: 768px) {

  /* Add your Mobile Styles here */
  .responsive #top .av-main-nav .menu-item-language {
    display: inline-block;
  }
}

To display the social icons in the footer, go to the Enfold > Footer panel, then toggle the Social Icons option.

Best regards,
Ismael

Hi,

1. Please try the following in Quick CSS under Enfold->General Styling:

.select2-container–default .select2-results__option–highlighted[aria-selected], .select2-container–default .select2-results__option–highlighted[data-selected], #top .select2-results {
color: #000 !important;
}

2. The background styling seems to be added inline in the paragraph, maybe the content was copied from somewhere? You can try to remove the styling directly in the content.

3. Please try the following in Quick CSS under Enfold->General Styling:

.woocommerce-terms-and-conditions-checkbox-text {
color: #fff;
}

Best regards,
Rikard

• This reply was modified 1 year, 5 months ago by Rikard.
• This reply was modified 1 year, 5 months ago by Rikard.

Hey CharlieTh,

Thank you for the inquiry.

1.) You can adjust the space between the menu items by adjusting the Line Height property of the Menu Links in overlay/slide out element in the Enfold > Advanced Styling panel. You can also use this css code:

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li {
    line-height: 0.6em;
}

2.) To move the social icons to the center, please add this css code:

#top nav #av-burger-menu-ul .only-burger.menu-item-social {
    display: flex;
    flex-direction: column;
}

#top nav #av-burger-menu-ul .social_bookmarks {
    margin: 0 auto;
}

Best regards,
Ismael