Misalignment of elements when updating Newspaper version

Posted in: Newspaper
Post count: 7

Hello,
After updating from version 12.7.1 to version 12.7.4, I noticed that the block description labels have moved to the top left. Before the update, they were positioned slightly below center on the left. Could you tell me what changed in the update?
Specifically, all the Image Info Boxes have been modified.

View post on imgur.com

Thanks in advance.

Post count: 35449

Hi,
As far as I know, there were no updates that should interfere with the block from your screenhost. Maybe you have an extra code apply on it. If you can provide a link to your website, I will take a look.
Thank you!

Post count: 7

Hi Calín,
Thanks for your quick reply.
The website is currently under development with maintenance mode active, so you wouldn’t be able to see it.
If you give me an email address where I can contact you privately, I’ll send you access with your WordPress user account so you can access it from the backend.
On the other hand, the CSS code applied to the block is the default one from the demo; I’ll copy the CSS file for you:
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-description {
padding: 0 48px 60px 0;
top: auto;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-description {
padding: 0 30px 60px 0;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-title-md {
padding: 12px 100px 20px 40px;
background-color: rgba(49, 67, 226, 0.4);
transition: background-color 0.3s ease;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-title-md {
padding: 10px 30px 17px 20px;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
position: relative;
margin-top: 0;
padding-left: 40px;
}

@media
(max-width: 1018px) {
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
padding-left: 20px;
}
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-meta {
bottom: 0;
}
.tdm_block_image_info_box .tdm-image-wrap {
border-radius: 5px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap.tdm-btn-sm-used .tds-button {
margin-top: 65px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap:hover.tdm-btn-sm-used .tds-button {
margin-top: 65px;
}
.tdm_block_image_info_box.td-image-info-box-style-2 .tdm-image-wrap:hover .tdm-title-md {
background-color: rgba(49, 67, 226, 0.8);
}

@media
(max-width: 767px) {
.td-stretch-content .tdm_block_image_info_box.tdm-mobile-full {
margin-left: 0;
margin-right: 0;
}
}

Post count: 35449

Hi,
I see. Unfortunately, based on the screenshot and CSS provided, I can’t say exactly what the problem might be. You can contact us at contact@tagdiv.com for further assistance.
Thank you!

Post count: 7

Thanks Calin.

I just sent the email.

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.