Thank you. I am working on setting up staging so I can convert to the child theme.

IN THE MEANTIME.. I noticed my other website does not have the font so big, and after all this, I remember years ago I wanted the images bigger, so you gave me this code to put in the QUICK CSS…

THERE ARE A FEW THINGS YOU GAVE ME IN HERE. CAN WE CHANGE THE PART FOR THE MAGAZINE TO HAVE A SMALLER FONT SIZE USING THIS CODE?

I am giving you the whole section because I don’t know for sure which part is magazine and which is something else.

THANK YOU IN ADVANCE FOR HELPING !!!

THIS IS EVERYTHING IN THE QUICK CSS:
p strong{
color:#000!important;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}
div .slideshow_caption h2 {
text-transform: none;
}

.av-magazine-thumbnail {
width: 135px;
height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2.avia-caption-title {
font-size: 30px !important;
}
.avia-caption-content p {
font-size: 22px !important;
line-height: 24px;
}
}

@media only screen and (max-width: 767px) {
h2.avia-caption-title {
font-size: 20px !important;
}
.avia-caption-content p {
font-size: 14px !important;
line-height: 16px;
}
.slideshow_caption {
padding-top: 20px !important;
}
}

#header_meta .menu li a {
color: #fff !important;
}
.av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #fff;
}

#header_meta .sub_menu .menu li a {
color: #030303 !important;
}

.avia_textblock a strong {
color: blue !important;
}

Hello,
for the thumbnail size i managed it, thanks

But for the scroll, it doesn’t work for me with you code.

i put this instead and it seams to be OK:

.mfp-wrap.mfp-gallery.mfp-close-btn-in.mfp-auto-cursor.avia-popup.mfp-zoom-in.mfp-ready {
top: 0 !important;
position:fixed!important;
}

What do you think about it?

Hi Ismael.
First of all, I apologize for the delay in responding, but I have had health problems that have kept me away from work.
The code you suggested is the optimal solution. In fact, the grid is now perfect! Thanks.
The initial problem for which this thread was opened remains (Portfolio grid displays thumbnails incorrectly if they are odd).
Considering the fact that you are always very effective and timely when the reports are effectively documented, I attach a video that I made on the PC simulating what happens on some resolutions.
Thanks for your time and support too.

Hi again.

Ok I did like mentioned with Thumbnail Gallery:

Only issue now: How can I deactivate the transition rotation effect on h:over?
I did like this:
animation:
avia_pop_small 0.0s 1 !important;
}
Is there another way to deactivate hover animation?

Thank you
Steve

Hi Mike

I ask because ENFOLD offers a funtion in VIDEO Mask «Video Steuerung ausblenden» but that unfortunately does not work:

Any other ideas? If not, I’m considering to create an IMAGE gallery for the Video thumbnails and link them to the Original Youtube videos in lightbox as I only need Video thumbnail with PLAY Button centered.

What you think?
Steve

None of the thumbnail sizes are working. I’ve tried all of them including square which is smaller than the ones you mentioned and none of them have any effect. I’ve cleared cache each time. User details in private content if you need to check.

Hello,

I have been troubleshooting the issue with images not displaying on the Work page of the Dark Enfold Theme. Here are the steps I’ve taken so far:

1. Checked the Enfold Theme Options under Performance and ensured that JS & CSS file merging and compression were disabled.
2. Verified that jQuery Migrate was not disabled.
3. Temporarily disabled plugins to test for conflicts.
4. Checked the browser console for JS errors.
5. Verified image paths, permissions, and gallery shortcode structure.
6. Disabled lazy load/compression from caching plugins.
7. Regenerated thumbnails using the Regenerate Thumbnails plugin.

Despite these efforts, the issue persists. Could you please provide further assistance or guidance on how to resolve this?

Thank you.

Hello Mike, Site isn’t live as it is in a staging environment. I use the Enfold DJ Demo as a foundation and the normal masonry gallery without any CSS tweaks. Excerpt text of masonry gallery is always inside the thumbnail, I’m just searching for a global Enfold-Solution to put it below the thumbnail.

• This reply was modified 9 months ago by tribaleye13.

Thanks Mike, but to clarify, I can set my own conditions – as mentioned I’d like to HOOK into the logic and filter for when there’s only 1 image in the gallery.

Question: Is there an action hook or filter in the thumbnail area of the Portfolio code that I can tap into?

Hi I’ve added the code, regenerated thumbnails and cleared cache but it has had no effect.