Hi Gunter,

Thanks for the assistance, and sorry for the delay. I have your new PHP file a shot. I saved it to the correct directory, and even added an error log statement to the file so I know it is executing as expected. But the issue still seems to be present. Namely, the element in-question still seems to possess a min-height inline style (screenshot). I even gave the page a hard refresh, but still see the min-height present. Thoughts?

Let me know if you want access to my site and I can provide it.

Thanks.

OK. So in light of all that information, is it possible to create what I want? To re-iterate, here is what I want. I want to add a single element to my page. To that element, I want to:

* Assign the element a custom ID or custom class.
* Ensure the element contains three sections inside. All three sections are arranged in a column–one underneath the other.
* Section 1 is a full width image.
* Section 2 is a text element.
* Section 3 is an Avia page builder button element.
* Here is a screenshot of how all three elements would look like on the front-end: https://imgur.com/nGpBbf1
* All three elements should be responsive, e.g. all three sections remain in a single column, with no overlap, at all screen widths.
* All the above is done without editing General Layout > Dimensions > Maximum container width. My site is already built, and has been online for several years. It sounds like editing this option will cause major changes throughout my site.
* All of the above is done without custom CSS.

Using the Avia page builder, is this possible? If yes, exactly how would I do that?

Thanks.

OK thanks. We can consider this resolved.

OK let me ask my question in a different way. Let’s say I have 50 pages on my site. How can I determine which of them execute loop-index.php?

>> We do understand you’re inquiry. The post_title in that modification refers to the title attribute of the featured image, not the title of the actual post.

OK my mistake–I was a bit hasty. You are correct.

>> It’s also used in the archive.php template.

OK thanks. So any page that has ‘Archives’ as the value for ‘Template’ (example) would execute loop-index.php. Am I understanding that correctly?

OK I added a 1/1 layout element, and inside, added an image element. The image is 1900 px wide. But it does not stretch full screen (screenshots). Is there a way to ensure it displays full screen, at all screen widths, *without* adding custom CSS? i.e. does the page builder have any options to ensure this image stretches full width?

>> what is wrong on having it this way? in other words: what is the benefit of having the whole thing in one section.

The benefit of having all content contained in a single element is that I can easily hide all content by assigning the element a custom id/class, then adding custom CSS like:

#my-custom-id {
  display: none;
}

I realize I can accomplish the same thing by assigning the same custom class to two different elements, and that may be my fall back. But the goal of this exercise is to train non-technical staff how to carry out this process in the future. So I’d like to keep this as simple as possible.

>> see here a little tutorial: https://webers-testseite.de/multiple-background-images/
>> You have to have the horse as cutoff png file.
>> but you then have the problem on responsive case with the not growing half part at the bottom – so the text has no place to be in there – and it grows then to the top into the other half.

I see that, but as you mentioned, it is has issues at lower screen width, so I’m not sure it is viable.

Inside a color section, is it possible to add an element–perhaps an image element–that can display a full-width image? If so, might that be a viable approach? That way, inside a single color section I could display that full-width image, plus the header/text/button elements.

OK. So after adding the custom code to functions.php, what exactly should I do? Can you list the steps I should execut, what output I should expect to see (and where), and what kind of analysis I should carry out?

>> Did you add any custom shortcodes in the page using a text or code block?

I don’t see any code blocks on the page. And I looked through all the text blocks and don’t see any shortcodes added.

>> If so, adding the following filter in the functions.php file might help.

Can you describe what exactly that code will do? I see in the header it indicates:

>> * Allow to force execution of shortcodes e.g. for plugins who call shortcode via an ajax call.
>> * Enfold uses this to execute the shortcode for modal popup preview in backend

I’m not sure what that means. Does this mean that after I add this code to my site, a modal window will display when I load the ‘edit page’ screen for my home page?

>> you’ll see the inline style with the height property and the value is the same as the minimum height of the avia-revolutionslider container.

OK. But my question is solely about the min-height on the avia-revolutionslider container.

>> I’ll ask one of the developers to check the thread because I can’t find any scripts from the theme that applies the height to the containers.

Thank you, that would be very helpful.

>> Again, you can always use css to adjust the height of slider on mobile.

Again, I realize that, thank you. But I’m trying to understand why the page builder is adding a min-height to this element.

A competing page builder has an element similar to your MailChimp Signup element (screenshot). In that screenshot, you can see that page builder allows me to add a ‘tag’ to the element. What that does is, whenever a visitor to my site submits this form, a new contact is automatically created in MailChimp, and at the same time, the same ‘tag’ is automatically applied to that contact. I am wondering if your page builder allows me to do the same.

>> He might not respond immediately, so you might wait for a while.

OK. Can you give me an estimate? Are you talking about weeks, months, years? I paid for support, and just want some questions answered.

>> Again, if all you want to do is remove the title,

If you read what I’ve already written in this post, I’ve explained that removing the title is not all I want to do.

OK I ran the shortcode parser repair. After updating the page, it indicated

>> 0 warning(s), 5 error(s), 0 fatal error(s) were detected parsing the shortcodes. Necessary changes were applied to fix all found problems

But when I checked my HTML, the issue was still present. What can I do now to troubleshoot?

When I used that tool to check for unclosed tags, and entered the full HTML source code of the page, it found several unclosed tags:

Line 743: <li class="news-content post-format-standard">
Line 743: <a class='news-link' title='Is Forage All a Horse Needs?' href='https://feedxldev.local/is-forage-all-a-horse-needs/'>
Line 743: <span class='news-thumb '>
Line 743: <a class='news-link' title='Don’t Forget the Milk!' href='https://feedxldev.local/dont-forget-the-milk/'>
Line 743: <a class='news-link' title='How to Make Sense of Pasture Analysis Results' href='https://feedxldev.local/how-to-make-sense-of-pasture-analysis-results/'>
Line 959: <form action="https://feedxldev.local/" method="get" id="adminbarsearch">
Line 959: <a class='ab-item' aria-haspopup="true" href='https://feedxldev.local/wp-admin/profile.php'>

Do you think I should try to fix each of these? If so, how–how can I properly edit the HTML source code of this page? Do I have to first switch to ‘Default Editor’ and edit the source code via the text editor? Or can I edit the HTML source code from within the Avia page builder?

>> So this means this is solved?

I wouldn’t say this issue is solved. I can say that PHP code I added had the desired result on the front-end. But I’m still trying to understand the code I added, and why it worked. It’s bad practice to add ‘black box’ code that does what you want, without understanding why or how it works.

In the code you gave me, you set

$time_format = get_option( '' );

Why not instead set

$time_format = false;

Doesn’t that accomplish the same thing?

>> The minimum height property is probably added automatically by the slider because it’s not from the theme.

As a test, I created two pages, one using Avia page builder and one using classic editor. To each I added the same Slider Revolution slider:

https://wordpress-dev.feedxl.com/themepunch-original/ is created without Avia page builder. It does not have any min-height added to any element.
https://wordpress-dev.feedxl.com/themepunch/ is created with the Avia page builder. Its element div#revolutionslider_1 has a min-height of 901px.

So why does using the Avia page builder add a min-height?

>> And if you noticed the actual revolution slider wrapper’s height property value is the same as the value of the minimum height, so it’s possible that the slider applies it on both the wrapper and its parent container.

On my home page (https://feedxl.com/), the min-height CSS property is applied only to div#revolutionslider_1, and not to div#rev_slider_2_1_forcefullwidth (screenshots). Are you seeing otherwise?

Thanks.