August 9, 2019 at 12:09 pm
#66446
Theme Horse Support Team
Keymaster
Hi @jack3,
Sorry for late response due to some unavoidable circumstances. Please Update the theme to the latest Version. Its has got the Support for Gutenberg. The block features of New WordPress. Please login to your account to access the latest version of theme.
Also to make the images wider than the content then please go to the Appearance > Customizer > Additional CSS and paste below custom css code:
.page-template-default .col-lg-8.content-area .type-page .entry-content,
.page-template-default .col-lg-8.content-area .type-post .entry-content {
padding-left: 70px;
padding-right: 70px;
}
.page-template-default .col-lg-8.content-area figure.wp-block-image {
max-width: calc(100% + 140px);
margin-left: -70px;
margin-right: -70px;
}
.page-template-default .col-lg-12.content-area .type-page .entry-content,
.page-template-default .col-lg-12.content-area .type-post .entry-content {
padding-left: 150px;
padding-right: 150px;
}
.page-template-default .col-lg-12.content-area figure.wp-block-image {
max-width: calc(100% + 300px);
margin-left: -150px;
margin-right: -150px;
}
@media only screen and (max-width: 991px) {
.page-template-default .col-lg-8.content-area .type-page .entry-content,
.page-template-default .col-lg-8.content-area .type-post .entry-content,
.page-template-default .col-lg-12.content-area .type-page .entry-content,
.page-template-default .col-lg-12.content-area .type-post .entry-content {
padding-left: 70px;
padding-right: 70px;
}
.page-template-default .col-lg-8.content-area figure.wp-block-image,
.page-template-default .col-lg-12.content-area figure.wp-block-image {
max-width: calc(100% + 140px);
margin-left: -70px;
margin-right: -70px;
}
}
@media only screen and (max-width: 767px) {
.page-template-default .col-lg-8.content-area .type-page .entry-content,
.page-template-default .col-lg-8.content-area .type-post .entry-content,
.page-template-default .col-lg-12.content-area .type-page .entry-content,
.page-template-default .col-lg-12.content-area .type-post .entry-content {
padding-left: 50px;
padding-right: 50px;
}
.page-template-default .col-lg-8.content-area figure.wp-block-image,
.page-template-default .col-lg-12.content-area figure.wp-block-image {
max-width: calc(100% + 140px);
margin-left: -50px;
margin-right: -50px;
}
}
@media only screen and (max-width: 575px) {
.page-template-default .col-lg-8.content-area .type-page .entry-content,
.page-template-default .col-lg-8.content-area .type-post .entry-content,
.page-template-default .col-lg-12.content-area .type-page .entry-content,
.page-template-default .col-lg-12.content-area .type-post .entry-content {
padding-left: 0;
padding-right: 0;
}
.page-template-default .col-lg-8.content-area figure.wp-block-image,
.page-template-default .col-lg-12.content-area figure.wp-block-image {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
}
Thanks