HTML Bottom Attribute not working

Interesting. it could be that the print CSS of your theme is allowing the content to overflow. Do you have a development site that can be used to test on… or only the live site?

You say it stopped working, so we can assume it use to work before something was updated or modified.

In the example video above the html content was being wrapped in p tags. try wrapping everything in a div element. and let us know if that works. Also if you could set up an example so we can see the code and CSS that is causing the issue, it would be a great help.

You are right, it worked a while ago ??

Wrapping everything in a div did not help, it is still adding it in the middle of the page..

Can I try to share my css with you here? Adding a staging would mean quite some work, as the site is quite big..

Here’s the CSS:

@import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

p,
.elementor-widget-wrap {
    font-family: "Merriweather", Sans-serif;
    font-weight: 400;
    line-height: 1.6em;
    font-size: 14px; 
}

h2,
h3,
h4,
h5,
h5 {
    font-family: "Nunito Sans", Sans-serif;
    font-weight: 800;
    line-height: 1.4em;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 20px;
}

h1 {
    font-family: "Nunito Sans", Sans-serif;
    font-weight: 900;
    line-height: 1.2em;
}

#excerpt,
#author-name,
#beitragslink {
    font-family: "Merriweather Sans", Sans-serif;
    font-weight: 400;
    line-height: 1.5em;
}

#dachzeile ul,
.elementor-widget-post-info>div>ul {
    font-family: "Merriweather Sans", sans-serif;
    font-weight: 700;
    list-style-type: none;
    padding-inline-start: 0px;
}

#web-header,
.elementor-widget-share-buttons,
#kommentar-titel,
#comments,
.elementor-location-footer,
#akismet-text,
.weiterfuehrendelinksgutenberg,
.offline-indicator, 
.spenden-cta, 
.abdrucke-cta, 
.nachricht-redaktion {
    display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
img {
    page-break-inside: avoid;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    page-break-after: avoid !important;
}

.elementor-widget-theme-post-featured-image {
    max-width: 75%;
}

.elementor-widget-theme-post-content {
    width: 100%;
}

#beschriftung-beitragsbild {
    font-size: 12px;
}

#pro-logo {
    position: absolute;
    top: 8px;
    right: 16px;
}

.elementor img {
    max-height: 300px;
    width: auto;
} 

#blogpost > div > div > div > div.elementor-element.elementor-element-e4fce0a.elementor-widget.elementor-widget-theme-post-featured-image.elementor-widget-image {
    text-align: left;
    padding: 30px 0px 0px 20px;
}

.featured-image-caption .elementor-widget-container {
    text-align: left;
    margin-top: -0.5rem !important;
}

.featured-image-source .elementor-widget-container {
    text-align: left;
    margin: 0rem !important;
}

The target attribute is #blogpost and we do not print these elements:

#my_print_button,
.isc-source-text,
#web-header, 
.elementor-widget-share-buttons, 
#kommentar-titel, 
#comments, 
.elementor-location-footer, 
#akismet-text, 
.weiterfuehrendelinksgutenberg, 
.offline-indicator, 
.spenden-cta,  
.abdrucke-cta,  
.nachricht-redaktion

If you can’t find the error I’ll check with the client if he can provide a staging..

Hi

Sorry, have you had the time to look into this?

Hi just checking in, can you try to help me with this?