Search Results for 'flex'

By test method we found that Big grid Flex blocks do not display the image after the new Rank Math SEO 1.0.259 update

Rollback to Rank Math SEO 1.0.258 – site works fine

Since this morning, the Flex 3 Big Grid on the site’s homepage hasn’t displayed correctly. I haven’t made any changes to the site, and I’ve even cleared the cache, but nothing has changed. If I go into the backend, it appears correctly, but the frontend doesn’t. Even deleting and re-inserting the grid still fails. Does anyone know how to fix this?

I am experiencing a critical issue with the Featured Image display on our Single Post Template.

The image is being cropped at the top and bottom with the Single Post Bg Featured Image, (e.g., faces are cut off) because the container height is fixed and incompatible with the image’s aspect ratio.

Also using Single Post Featured Image with custom CSS (see below) does not contain the image but cuts off below half of image:
.tdb_single_featured_image img.entry-thumb {
object-fit: contain !important;
width: 100% !important;
height: auto !important;
max-width: 100% !important;
}
.tdb_single_featured_image {
max-height: 500px !important;
overflow: hidden;
}

Good to understand that all images are served through the plugin WP Media Folder Cloud add-on from Google Drive, all images are resized offline with XN-Resize, before uploaded in media library folder in WPMF Google Drive, to be constrained to max 1400x600px size. So images have no seperate thumbnails created in Google Drive. The are coded as thumbnails automaticly inside Big Grid and Flex blocks.

Technical Cause and Conflict

Fixed Height Conflict: The core problem lies in the theme block used to display the header image. Specifically, the tdb_single_bg_featured_image block (which was previously used, or its properties are still inherited) has a hard-coded default height value (600px) that cannot be removed or set to ‘auto’ in the TagDiv Composer settings. This fixed height creates an inflexible CSS container.

Rendering Override: The theme’s rendering engine (or the WP Media Folder Cloud Add-on) applies a height constraint via an inline style or theme JavaScript (JS) that executes with the highest priority, forcing the image to fit the limited height while applying overflow: hidden.

CSS Failure: All attempts to override this constraint using standard CSS (Child Theme, Customizer, and direct Block CSS injection) fail to work against the theme’s rendering logic.

Desired Outcome and Required Solution

The required behavior is the precise inverse of the current rendering. The image must behave exactly like the CSS rule object-fit: contain.

Goal: The image must scale down proportionally based on the available width of the column, ensuring the entire image (full height and width) is visible within the container without any cropping. The container’s height must then dynamically adjust (height: auto) to accommodate the image’s resulting proportional height.

I require assistance in disabling the internal hard-coded height constraint (600px) on the Featured Image block within the TagDiv Composer’s source files, as external CSS solutions are being ignored, or have a workaround presented with custom code that can do the job.

Since Single Post Bg Featured Image is a background image this is difficult. The element is placed inside Single Post Featured Image, to be able to show caption. In the Extra Class of CSS of Single Post Featured Image we no have placed remove-image. When showing the image in this element it only shows with setting 485×360 but then doubles in height strangly.

Any help and solution in this would be much appreciated!

Hello,
I seem to be coming back to this forum quite often lately… 🙂

I have another question regarding CPTUI and its integration with Flex Loop. I created a first test menu here:
CD: https://francegallcollection.fr/formats/cd/

The term “cd” is a term inside my Formats taxonomy, which is linked to the Disques post type.

My goal is to create a menu link that points directly to the “cd” term, which contains several sub-terms: CD albums, CD coffrets, CD singles, and CD vidéos.
I would like this link to behave exactly like the root archive page of the Disques post type, meaning Flex Loop should work normally and all filters should remain usable.
Here : https://francegallcollection.fr/disques/

However, on the page https://francegallcollection.fr/formats/cd/, this does not work.
When I click on the CD menu item and then try to use the filters, nothing happens.

If instead I click on one of the CD sub-terms (for example CD singles), the filters do respond — but the results are incorrect.

Example:
If you click directly on CD singles in the menu (without going through the parent “CD”):
– The Formats dropdown correctly shows “CD single” with 4 items.
– Then, in Chansons, select “Babacar”.
At this point, the filter should display the CDs that correspond to the song “Babacar”.
But the page becomes empty.

Could you help me understand why this happens?

Hello,
I have a question about how Flex Loop works with taxonomy filters. Here is the page I’m currently testing:
https://francegallcollection.fr/tous-les-vinyles-de-france-gall/

This page uses the taxonomies Formats, Chansons, Collections, Labels, Pays, and Types d’éditions (In french). I have added the corresponding slugs, and they are working correctly. For each taxonomy, I have enabled the “Multi” option.

When I select the term “LP (33 tours)” in Formats, all the other filters disappear.
My question is: is it possible to keep the other filters visible and continue refining the results?
For example, after choosing “LP (33 tours)”, be able to select an additional filter such as a term from Chansons or any other taxonomy?
Right now, as soon as I select “LP (33 tours)”, all the other filters disappear and the filtering stops there.

Thank you.

Is there a way to hide the Big Grid Flex 2 only in the mobile version?
I like it for all versions except mobile because the scroll bar is annoying.
I’d like it to always be displayed except in the mobile version, but if I remove it, it disappears from all four screen versions.
Or is there a way to hide the Big Grid Flex 2 posts with the scroll bar only in the mobile version?

We’re using a Flex Block 1 on a taxonomy template and are trying to hide the block title when no posts are returned. For example, our taxonomy template includes a “Company Profiles” block that’s configured to display profiles tied both to the current taxonomy term and to the Company Profiles category.

Some taxonomy terms have associated profiles and some don’t. For the ones that don’t, the template still shows the “Company Profiles” header with an empty section underneath.

Has anyone found a good way to conditionally hide the block title when the query returns zero posts?

On my home page zestawienie.pl flexblock on the top doesnt work (you cant clik on photo)
Funny fact is when i move working flex block from bottom up, it stopped working .
Only on desktop, on mobile phone is ok

I was trying to clean whole wprocket, didnt help