Hey condonp,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top.home .avia-table {
    width: auto;
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hey Michael Heavner,

Thank you for the inquiry.

The new icon will be available in the next patch. In the meantime, please try to do the steps that we provided in the following thread.

// https://kriesi.at/support/topic/new-icon-twitter-to-x/#post-1422330

Best regards,
Ismael

Hi,

Thank you for the inquiry.

You can try to adjust the element style with css modification instead. Please try this code in the Enfold > General Styling > Quick CSS field.

.av-magazine .av-magazine-top-bar .av-magazine-top-heading {
    font-size: 2em;
    color: blue;
}

Best regards,
Ismael

Hey frb1,

Thank you for the inquiry.

The social icons are hidden on smaller screens by default but you can display them back by adding this css code. You might have to adjust the position of the icons a bit.

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

  /* Add your Mobile Styles here */
  .responsive #top #wrap_all #header .social_bookmarks,
  .responsive #top #wrap_all #main .av-logo-container .social_bookmarks {
    display: block;
  }
}

Best regards,
Ismael

Hey daves1997,

Thank you for the inquiry.

Did you add a text block at the very top of the page? Please switch the builder to debug mode, then try to manually remove the text block shortcode from the shortcodes field.

// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#debug-mode

Best regards,
Ismael

Hi,

Perhaps if you find that this helps and there is a pattern to most of your pages we can make some recommendations, for example, if it is always the first color section on a page you could try this css:

#top.page #av_section_1 .av-parallax-inner.alternate_color {
	background-color: #000;
}

note the #top.page #av_section_1 this might help your team resolve this for most of the pages if not all.

Best regards,
Mike

Hi,

Great, I’m glad that Ismael could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey chuepfner,

I see that you are running an old version of the theme, could you try to update to the latest version (5.6.6) to see if that helps please? The update to 5.6.6 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or upload the new theme files via Appearance->Themes->Add New, and select to overwrite the old theme files after the upload has finished.

If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

Best regards,
Rikard

Hi,

Thank you for the screenshot.

The following css code should adjust the styles of the privacy buttons.

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(1) {
    background: #cc1818;
    color: #ffffff;
    border-color: #eb5c23;
}

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(2) {
    background: #696969;
    color: #ffffff;
    border-color: #616161;
}

#top .main_color .avia-cookie-consent-modal-buttons-wrap a:nth-child(3) {
    background: #0dfb9a;
    color: #075013;
    border-color: #93ff27;
}

Adjust the color values as you wish, then toggle or temporarily disable the Enfold > Performance > File Compression settings.

Best regards,
Ismael

Hi,

Great, I’m glad that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hey Xiscoj,

Thank you for the inquiry.

Looks like the issue also occurs on desktop view. There’s a slight delay in loading the “avia-merged-styles” file, causing styling issues, including the color section height. Did you install a compression or cache plugin recently?

Best regards,
Ismael

Hey Markus,

Thank you for the inquiry.

You can use the Navigation Menu widget to create a custom menu. In the Appearance > Widgets panel, create a new widget area, add the navigation widget, then insert it in any of your pages using the Content Elements > Widget Area element.

To add the arrow, you can use the following css code.

#top .widget_nav_menu li:before {
    content: "--->";
    float: left;
    margin-right: 8px;
    top: 4px;
    position: relative;
    left: 0;
}

Just replace the content value with the image URL.

#top .widget_nav_menu li:before {
    content: url(image.jpg);
    float: left;
    margin-right: 8px;
    top: 4px;
    position: relative;
    left: 0;
}

Best regards,
Ismael

Hey janbornemann44,

Thank you for the inquiry.

We can disable some of the registered thumbnails or image sizes using the remove_image_size function in order to save some storage space. Please add this code in the functions.php file.

// Disable loads of Enfold & WP image sizes upon upload
// do image sizes manually, double-size with high compression for retina screens
// use Photoshop to set exact double size and quality between Q30 and Q40
add_action('init', 'remove_enfold_image_sizes');
function remove_enfold_image_sizes() {
// do NOT remove widget size, is used in backend portfolio items!
// remove_image_size('widget');
  remove_image_size('square');
  remove_image_size('featured');
  remove_image_size('featured_large');
  remove_image_size('portfolio');
  remove_image_size('portfolio_small');
  remove_image_size('gallery');
  remove_image_size('magazine');
  remove_image_size('masonry');
  remove_image_size('entry_without_sidebar');
  remove_image_size('entry_with_sidebar');
  remove_image_size('shop_thumbnail');
  remove_image_size('shop_catalog');
  remove_image_size('shop_single'); 
    remove_image_size('shop_gallery_thumbnail');
}
// Remove unneeded WP image sizes
add_filter( 'intermediate_image_sizes_advanced', 'prefix_remove_default_images' );
// Remove default image sizes here. 
function prefix_remove_default_images( $sizes ) {
// do NOT remove small and medium sizes, they are used in backend Media Library!
// unset( $sizes['small']); // 150px
// unset( $sizes['medium']); // 300px
 unset( $sizes['large']); // 1024px
 unset( $sizes['medium_large']); // 768px
 return $sizes;
}

After adding the code, use the following plugin to regenerate the thumbnails.

// https://wordpress.org/plugins/force-regenerate-thumbnails/

IMPORTANT: Please make sure to create a site backup or a restore point before proceeding with the steps above.

Related threads:

// https://kriesi.at/support/topic/enfold-image-sizes-3/#post-1108904
// https://kriesi.at/support/topic/still-fighting-with-managing-default-image-sizes/#post-1418393

Best regards,
Ismael

Hey rixi,

Thank you for the inquiry.

This is possible but we may need to scale up the video a bit. Please add this css code, then temporarily disable the Enfold > Performance > File Compression settings.

#top .avia-section.av-7xsqm-822489101bcd45d57472a11918cbd5cb .avia-slideshow-inner {
    height: 100% !important;
    transform: scale(1.5) !important;
    top: -180px;
}

Best regards,
Ismael