Source: https://www.elegantthemes.com/forum/viewtopic.php?f=187&t=564535
- With the title displayed on top of the image, the image height is reduced. The image itself is 1920x750px but with the title on top of the image but it doesn’t show 750px. However, if I display the title below the image, I do get the full image. How do I get the full image to be displayed when I display the title on top of the image?
- With the title displayed on top of the image, on a project, the title moves completely to the left, while on a post and a page, it’s on the same left as the actual content. How do I get the title to title left alignment display the same on posts, projects and pages?
- With the title below the image on a project, the title also moves completely to the left (like #2).
- With the title below the image on a page, the image doesn’t display full width
This is a bug and files at ET by Eduard. Fix for now:
/* -- START fix for consistent full width post title display on pages/posts/projects -- */
.single.et_right_sidebar .et_pb_fullwidth_section .et_pb_title_container,
.single.et_right_sidebar .et_pb_fullwidth_section .et_pb_title_container {
width: 80%;
max-width: 1080px;
padding: 1em 1.5em;
}
.page .et_pb_fullwidth_section .et_pb_title_featured_container {
width: 100%;
max-width: 100%;
padding-top: 0;
}
.single-project.et_right_sidebar .et_pb_fullwidth_section .et_pb_title_container,
.single-project.et_right_sidebar .et_pb_fullwidth_section .et_pb_title_container {
padding: 1em 1.5em;
}
.single-project .et_pb_fullwidth_section .et_pb_post_title.et_pb_featured_bg .et_pb_title_container {
padding-bottom: 0;
}
/* -- END fix for consistent full width post title display on pages/posts/projects -- */
Code language: CSS (css)
Alternative for Fullwidth post title padding on project
Source: https://www.elegantthemes.com/forum/viewtopic.php?f=187&t=762582&p=4192835#p4192835
The top padding for projects is smaller than for posts.
/* START header padding FIX */
.et_pb_post_title.et_pb_featured_bg .et_pb_title_container {
padding: 1em 1.5em !important;
}
/* END header padding FIX */
Code language: CSS (css)