Discussion on Enfold - Responsive Multi-Purpose Theme

Discussion on Enfold - Responsive Multi-Purpose Theme

By
Cart 268,826 sales
Recently Updated
Well Documented

Kriesi supports this item

Supported

13759 comments found.

Hi , i have 2 enfold licenses. My one website has very huge backup around 1 gb for a small site , is there some setting that can reduce my backup size ?

Yeet Author Team

Hi,

Please check the size of the /wp-content/uploads/dynamic_avia folder via FTP. If it’s huge, please refer to this post: https://kriesi.at/documentation/enfold/optimization/#troubleshoot.

This is a known issue on some servers however, you can easily get rid of the unnecessary copies.

Regards, Yigit

è possibile sapere se è compatibile con il plug in vik rent car?

Yeet Author Team

Hi,

We didn’t test Enfold with the Vik Rent Car plugin therefore we cannot guarantee full compatibility. Please contact plugin authors and ask them if they had any experience with Enfold.

Regards, Yigit

What about some Usability?

Next issue: It is NOT POSSIBLE to set up a masonry gallery which follows the guidelines of “Usability” / “Accesibility”.

1: When you choose any of the options to present title and/or description you will end up with all of your images totaly covered with text on mobile or tablets. This is absulute nonsens. And there is NO option to fix that except complicate CSS workarounds with display: none which should be avoided cause it increases your DOM requests and slows down your page speed.

2: When you choose NOT to show title and/or description but want at least give your users the possibility to read the image caption in the light box this does NOT WORK too since you have to decide if you want to show title OR description – both is not possible.

That means: Enfold does not provide basic standards in usability/accesibility and forces into misusing Meta fields of images and disrespect what they are made for if one wants to provide users with proper image information.

When will these thing be solved, Enfold?

How is the fix for this now?

Next issue.

The random sorting does NOT work on mobiles.

add_filter('avia_masonry_entries_query', 'avia_random_image_query', 10, 2); function avia_random_image_query($query, $params) { if(!empty($query['post_mime_type']) && $query['post_mime_type'] == 'image') { if(!is_page( 30172 )){ $query['orderby'] = "rand";} } return $query;}

Next Masonry Gallery issue

Settings: Masonry (705×705)

Result: about 70% of all thumbnails show the original file in its original size.

It should: ”.../pic-705xXXX.jpg”

It is: ”.../pic.jpg”

Even deleting the image IDs, saving the post and adding the IDs again does not solve the issue

my fault. forget it please

Forget it! It was your merging / caching mechanism (which by the way causes a lot of misunderstandings like this since it behaves very “stubborn”)

Next issue: Separators dont separate

When i change the screensize from 1310 to 1440 this ….....

Lorem ipsum dolor sit amet, [av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=’’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=’’ icon=’ue808’ font=’entypo-fontello’ custom_class=’’ admin_preview_bg=’’ av_uid=’av-24e1nov’] consetetur sadipscing elitr, sed diam nonumy eirmod tempor

ends up like this:

Lorem ipsum dolor sit amet,consetetur sadipscing elitr, sed diam nonumy eirmod tempor [av_hr class=’custom’ height=’50’ shadow=’no-shadow’ position=’center’ custom_border=’av-border-thin’ custom_width=’50px’ custom_border_color=’’ custom_margin_top=’30px’ custom_margin_bottom=’30px’ icon_select=’yes’ custom_icon_color=’’ icon=’ue808’ font=’entypo-fontello’ custom_class=’’ admin_preview_bg=’’ av_uid=’av-24e1nov’]

You cant call elements with floats separators – cause they dont separate.

Pia: If i have 500 blogposts with a “separator” i have to edit 500 posts. Do i?

Hello,

After an update my website isn’t working correctly anymore. I already updated the theme, plugins and Wordpress to the latest version. Please let me know if you have a solution. See details below.

- There is a notification showing at my news page: Notice: Undefined index: term_rel in /home/customer/www/video-expert.nl/public_html/wp-content/themes/enfold/config-templatebuilder/avia-shortcodes/blog/blog.php on line 562

In first place a similar notification (as mentioned above) showed on my homepage, but the notification was gone after updating everything. Still the problems mentioned below exist on my website.

- Header image only shows really small when the settings mention ‘show 75% of the browser height’. It only showed the text and some space around the text instead of 75%. I needed to change to a fixed amount of px to solve this.

- Masonry gallery doesn’t show at all anymore on my homepage.

- Mobile menu doesn’t work anymore.

Thank you.

Yeet Author Team

Hi,

Please go to Appearance > Theme Editor, edit the enfold/config-templatebuilder/avia-shortcodes/blog/blog.php, and replace it with this one https://raw.githubusercontent.com/KriesiMedia/enfold-library/master/temp_fixes/Enfold_5_6_4/config-templatebuilder/avia-shortcodes/blog/blog.php. If you’d like us to update the file for you, please start a thread on our support forum (you can start a pre-sale thread and we’ll help since this is the bug in Enfold).

We are going to need to inspect your website for other issues. Please first install the Health Check & Troubleshooting plugin and disable all active plugins and check if there’s a plugin conflict.

If that doesn’t help, please start a thread on our support forum and attach a link and temporary admin logins in the private content field so we can look at the issues.

Regards, Yigit

. 1: What exactly is what (the descriptions/labels do NOT match with the descriptions in the backend) -specially for the sliders.

2: why 1500 on fullwidth instead of 1920?

$avia_config‘imgSize’ = array(‘width’=>36, ‘height’=>36); // small preview pics eg sidebar news $avia_config‘imgSize’ = array(‘width’=>180, ‘height’=>180); // small image for blogs $avia_config‘imgSize’ = array(‘width’=>1500, ‘height’=>430 ); // images for fullsize pages and fullsize slider $avia_config‘imgSize’ = array(‘width’=>1500, ‘height’=>630 ); // images for fullsize pages and fullsize slider $avia_config‘imgSize’ = array(‘width’=>1500, ‘height’=>1500 , ‘crop’ => false); // images for fullscrren slider $avia_config‘imgSize’ = array(‘width’=>495, ‘height’=>400 ); // images for portfolio entries (2,3 column) $avia_config‘imgSize’ = array(‘width’=>260, ‘height’=>185 ); // images for portfolio 4 columns $avia_config‘imgSize’ = array(‘width’=>845, ‘height’=>684 ); // images for portfolio entries (2,3 column) $avia_config‘imgSize’ = array(‘width’=>710, ‘height’=>375 ); // images for magazines $avia_config‘imgSize’ = array(‘width’=>705, ‘height’=>705 , ‘crop’ => false); // images for fullscreen masonry $avia_config‘imgSize’ = array(‘width’=>845, ‘height’=>321); // big images for blog and page entries $avia_config‘imgSize’= array(‘width’=>1210, ‘height’=>423 ); // images for fullsize pages and fullsize slider

How do i register another “selectableImgSize”?

Increase pagesize or not?

What if i have a masonry gallery with lets say 50 images and i publish 1 gallery for each of the four given screensizes (responsive settings)—will it increase the pageload or not (in comparison with only one gallery)??

Please give a precise answer.

This is the HTML from ONE image out of a masonry gallery. The masonry setting for the thumbnail is: “Masonry 705×705”

What are all these image URLs for? What are all these image sizes which differ completely from the given size?

<img decoding="async" width="1400" height="1011" class="wp-image-33833 avia-img-lazy-loading-not-33833" src="https://website.com/wp-content/uploads/61.jpg" https:="" />

This poor comment function deletes half of the code i gave you.

Lets see if it works without the code section:

img decoding=”async” width=”1400” height=”1011” class=”wp-image-33833 avia-img-lazy-loading-not-33833” src=”https://website.com/wp-content/uploads/61.jpg” srcset=”https://website.com/wp-content/uploads/61.jpg 1400w, https://website.com/wp-content/uploads/61-1030x744.jpg 1030w, https://website.com/wp-content/uploads/61-80x58.jpg 80w, https://website.com/wp-content/uploads/61-768x555.jpg 768w, https://website.com/wp-content/uploads/61-705x509.jpg 705w” sizes=”(max-width: 1400px) 100vw, 1400px”

Hi, Before buying a new Enfold license, do you think the Endold template is compatible with the Tutor LMS plugin? I have the PRO version but if you want to see it: https://it.wordpress.org/plugins/tutor/

Thank you

Yeet Author Team

Hi,

We didn’t test Enfold with the Tutor LMS plugin therefore we cannot guarantee 100% compatibility.

It looks like you have an Enfold license. Please feel free to test Enfold with the Tutor LMS plugin on a staging site before purchasing a new license for the new site.

Regards, Yigit

I instaled socijal share buttons plugin but hi is after the comments. How should it be right after the text and before the comment. Thnk.

Plugin is Easy Social Share Buttons for WordPress but everyone else does the same.

Yeet Author Team

Hi,

You can add the following code as a new snippet using the Code Snippets plugin and add your shortcode to display your social share buttons:

add_action('ava_after_content', 'new_ava_after_content');
function new_ava_after_content(){
    if(is_single()) {
        // Your shortcode goes here
    }
}

For your information, you can enable the social share buttons for your blog posts in Enfold theme options > Blog Layout > Share Links At The Bottom Of Your Blog Post.

Regards, Yigit

Next:

Why are colorsections breaking my (with sidebar) layout when i put masonry galeries into them? (You wrote: “Masonry galeries stretch over the full width except you put them into a column or a colorsection”)

Yeet Author Team

Color Sections are full-width only elements and they push the sidebar below them. You can add a Widget Area element into a Column element inside Color Section to display your sidebar elements.

“Masonry galeries stretch over the full width EXCEPT you PUT them into a column or a COLORSECTION” does not match to your reply

Next:

How do i get rid of this annoying contrast reducing white overlay in a masonry gallery?

Yeet Author Team

Hey,

You can edit your Masonry Gallery element, go to Advanced > Animation and disable the Masonry Images Animation and Image Hover Effect ( https://i.imgur.com/PedRJf2.png ).

Regards, Yigit

1: Why do i still have that “slightly fade in effect” when i disable “ALL nimation and effects”? 2: I was asking to disable the overlay – that does not mean “disable everything”

dismiss

And the most severe: Masonry does NOT LOAD AT ALL

I have this page structure:

1: A masonry gallery

2: Headline (“More image in these blogposts”)

3: A Masonry element to pull posts from my blog

ISSUE: When the gallery shows more than about 30 images …..the masonry Element does not show any posts.

(I worked on this idea the whole day and now it turns out that it was all for nothing)

Yeet Author Team

I cannot reproduce this issue on my local installation. If you’d like us to look into it, please start a new thread on our support forum at https://kriesi.at/support/forum/enfold#new-post

Column count not respected

What ever i choose in column count for masonry for certain screensizes – it never is respected.

I choose 3 – i get 2 I choose 4 – i get 2 I choose 5 – i get 2 i choose 1 – i get 2

Yeet Author Team

I cannot reproduce this issue either. You may have broken CSS. You can use this website http://csslint.net/ to check if that’s the case.

More Issues with Masonry

Masonry settings not appropriate for tablets

“Show only Title | Show BELOW element | Show ALWAYS”

Result: The white title overlays the whole image

Ipad: about 20cm diagonal in Landscape

Same on Samsung Galaxy with 24cm.

They use the settings of “Desktop” although they are much smaller. And since Enfolds “standard” seems to be “Overlay” instead of “Show alway” you cant see the images. This is really bad and there is now way to make a proper setting for it

Yeet Author Team

This is expected for that caption style as the background color is solid. You can edit your Masonry element, go to Content > Captions > Element Title and Excerpt Styling, and select the Display as centered overlay ( https://i.imgur.com/9p2T3uF.png ) option instead.

This is also bad since on mobile (up to medium screens) all images are covered by the centered overlay.

WHY is there NO option to decide “Overlay on Desktop AND NO overlay on mobile”???

There is so many nonsense and childish gimmicks in your theme but important and useful settings are not.

Next issues on masonry

“No Effect” choosen on “Image Hover Effect”

Why do i still have the “Fade in” effect?

Why does it not load until a user scolls down (“Lazy load”) although “Lazy load” has not been enabled?

Yeet Author Team

If you’d like to disable the loading effect on Masonry, please add the following code to the Quick CSS field in Enfold theme options > General Styling tab


.av-masonry-entry {
  opacity: 1;
  visibility: visible;
  transition: none;
}
.avia_desktop.avia_transform3d .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry, .avia_mobile.avia_transform3d:not(.avia-mobile-no-animations) .av-masonry-animation-active .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
 animation: none;
}

So you give me a workaround for a bug of yours (“Disable ALL effects”). And when that workaround in a year will not work anymore you tell me that you cant help cause it`s “customization”?

(Like you did with all the PHP you dont keep backward compatible)

by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey