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.
Thanks in advance.
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;
}
}
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!