[SophieZH]

Hi team,

How do I make the Catch Bells theme single post content to fit the full width of the screen, so there won’t be blank spaces on the left and right side? Thank you.

[sujapati]

@SophieZH: Thank you for your request! The free version of the Catch Bells theme, unfortunately doesn’t include a full-width layout option . These features, such as Full-width, No Sidebar, Left/Right Sidebar templates, and other advanced layout patterns are only available in the Pro version of the theme.
Let us know if you’d like help upgrading.

Kind Regards,
Sujapati

[SophieZH]

Hi Sujapati,

Thank you for getting back to me.

What’s the CSS to make the content to fit the screen width? Thank you.

[sujapati]

@SophieZH: If you want additional CSS to make the content size fit to the screen width, add the CSS below to your site.

.single .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--wide-size)!important;
}
.single .wp-block-post-comments {
    max-width: var(--wp--style--global--content-size)!important;
}

Please navigate ‘Dashboard -> Appearance -> Editor -> Styles -> Additional CSS’ to add the code. Below is the screenshot for reference.

Kind Regards,
Sujapati

 

[SophieZH]

Hi Sujapati,

Thank you for sending this through.

I tried the CSS, however nothing changes to the posts. Here’s one of the post links https://sydyachtclub.com.au/bel-boat-sydney/ there’s still blank spaces on the left and right side after the CSS been added.

Is there another CSS, or other way we can try.

Thank you so much.

[sujapati]

@sophie: Sorry for the inconvenience. If you want to remove white space on left and right sides of the page, add the CSS below:

.single .wp-site-blocks .wp-block-columns > .wp-block-column .wp-block-group.alignfull {
    padding-inline: 0 !important;
}

Kind Regards
Sujapati

[Author]

Posts