Hey clbdcnpafe,

Thank you for the inquiry.

We are not able to reproduce the issue on our end — the videos at the very end of the page displayed immediately on first load. However, we recommend relocating the gallery and the videos to the middle of the page to make sure that the script triggering certain animations is consistently executed. Enabling pagination for the gallery or reducing the number of images and making sure they are compressed can also help improve loading speed. Let us know the results.

View post on imgur.com

Best regards,
Ismael

Hey rjalthar,

Thank you for the inquiry.

It seems to be an issue with the image overlay. Could you confirm the current version of the theme? Make sure the theme is updated to version 7.1, then try to temporarily toggle or disable the settings under Enfold > Performance > File Compression.

To fix the issue temporarily, you can add the following css code to disable the image overlay:

#top .image-overlay.overlay-type-image {
    display: none !important;
}

Best regards,
Ismael

Hi,

There is no problem with uploading images to Enfold, since it’s default WordPress functionality. If the plugin in question is handling images in a different way, then it’s up to them to include that in their code.

Best regards,
Rikard

Hey goldengate415,

Thank you for the inquiry.

We are not able to reproduce the issue on our end. Whenever the load more button is clicked, the new set of images is added to the lightbox group correctly. Please create a test page and provide the URL in the private field so we can check it further.

Best regards,
Ismael

Hi,

It displays the same as the original image, with the head slightly cut off. (see private field)

Best regards,
Ismael

Hi,
Glad that we were able to help, please note that in this code, the first class is the page:
.page-id-76
so it is only for this page.
the next class is for the first element on the page, which in this case is a column element:
.avia-builder-el-0
if you wanted to add this to multiple pages, you could add a custom class or ID to these column elements under “Developer Settings” on all of the pages.

When you add custom classes in the field you don’t need to add the “dot”, just the class name.
the third class is for the text block:
.av_textblock_section
and then the paragraph text in the text element:
p
Hopefully this will help, if it does let us know and we will close this thread.
You can always open a new thread in the future for further questions.

Best regards,
Mike

Hi,

The entire image is visible when we checked.

View post on imgur.com

Could you share a screenshot of the issue?

Best regards,
Ismael

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

.av_minimal_header .avia-menu-fx {
    display: block;
    top: 155%;
    width: calc(100% - 26px);
    left: 13px;
}

Best regards,
Mike

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

@media only screen and (min-width: 768px) { 
#av_section_2 .flex_column_table .avia-button-wrap {
    position: absolute;
    bottom: 0;
    left: 20%;
    transform: translateX(-13%);
    padding-bottom: 20px;
}
#av_section_2 .flex_column_table .av_textblock_section {
	padding-bottom: 50px;
}
}

for this:

Best regards,
Mike

Hi,
Your post count in the masonry is set to 12, change this to “All”

Best regards,
Mike

Hey bbarasa,
Do you mean gradient like this:

.page-id-76 .avia-builder-el-0 .av_textblock_section p {
	    background: linear-gradient(186deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, -0.6) 100%);
}

To format the text try this:

.page-id-76 .avia-builder-el-0 .av_textblock_section p {
	font-weight: bold;
    font-size: 36px;
    font-style: italic;
}

Best regards,
Mike

Hi,
Try adding this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

#top .avia-slideshow-arrows a.avia-svg-icon svg:first-child {
    fill: #ee1d85;
}
#top .avia-slideshow-arrows.avia-slideshow-controls a {
    background: transparent !important;
}

for this effect:

Best regards,
Mike

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

.gm-style-iw-chr button {
	height: 0 !important;
  top: -10px !important;
}
.gm-style-iw-ch {
	padding: 0 !important;
}

for this result:

Best regards,
Mike

Hey NicomIT,

The thread you linked to is 7 years old, if there was a general problem with uploading images to the theme then it would have been fixed a long time ago. Are you sure that it’s not a conflict with another plugin or custom code? What is the actual error saying? How exactly did the developer that you have been in touch with come to the conclusion that the problem lies with Enfold, and which code is responsible for the problem in the theme? Please note that our support for problems with third party plugins is limited.

Best regards,
Rikard