Hi unfortunately these are the same steps I followed but the issue is still present. Here is a video following the steps:

https://imgur.com/a/jDlzshJ

When I preview the template itself, it looks correct. However after this I set the newly created template as the Default Site Post Template. Upon loading any normal post, the columns I created collapse into a single column:

https://imgur.com/a/RpwQVKs

FYI I am using Newspaper version 9.8

Yes this is the same thing I did — I started with the Single Post blank cloud template and then added a row and split the row into two columns just like you showed.

Being able to choose the number of lines (rather than words) would also work.

Thanks Vlad. Is there any way to accomplish this with CSS? Perhaps I can set a minimum width for the element so that when it goes under that width it will be hidden?

Thanks Calin — is there no CSS I can use to do this within a block?

Thanks Calin. I gave the block an ‘Extra Class’ name and then used the Live CSS Editor right in the TagDiv editor to apply the code like this:

.Post-container .td-module-container {
border-radius: 20px;
background-color: #fffbf4;
}

Any reason not to do it this way?

Between the Style options and CSS there’s no way I can have rounded background corners?

Apologies, this is the correct test page: https://alpha.roadtovr.com/front-page-concepting-gn-fit/

Thanks Calin, that worked!

I have an issue relating to the same module. I’ve set a border with a radius (red) and a background color. How can I get the background to be contained within the edge of the border? You can see here how the corners are sticking out:

View post on imgur.com

Here is the page itself (this is a different page from last time): https://alpha.roadtovr.com/?page_id=91129

Setting that padding to 0 appears to have worked, and the column is centered correctly too, thanks Calin!

I uploaded a new picture and regenerated all thumbnails for that specific photo, but I’m still seeing the 5px space when the image is enabled in that block. Here is the page (see the test post with the colored borders as described earlier in this thread):

https://alpha.roadtovr.com/front-page-concepting-gn-fit/

I tried using all of the Margin/Border/Padding options and could not remove the space. No matter what I set the Bottom Margin to (negative or positive number), the space doesn’t move at all, even if I set the number very large.

To make things clear I’ve set some colors for Flex Block 1:
Purple: CSS > Border
Yellow: Layout > Border Color
Green: Style > Module Background
Red: CSS > Background Color

View post on imgur.com

As you can see, it’s the Red portion which is spilling out.

You may be right that this is an image issue; when I remove the image you can see that the Red area goes away.

View post on imgur.com

How can I troubleshoot the crop of the photo? Our photos are uploaded at 16:9, but even when I set Flex Block 1 > General > Pre-Made Style Presets > Image Format > 16:9 the 5px red area is still present.

Thanks for your response Calin. If I use the settings you suggested (Stretch Row & Content) I cannot get the content area (Column) to be 1260px wide. For some reason it stays at 1212px even if I set Column > CSS > Width to 1260 or try to use margin/padding to change its width.

View post on imgur.com

Thanks Calin. I followed your instructions and I’m able to get the Row to 1260 width, however, it isn’t centered. In this screenshot the Row background is red and the Zone background is blue (for clarity). You can see that the red area is shifted to the right from center.

View post on imgur.com

The settings I used to get it this way are:

When I experimented with the other Row Stretch options, the Row area would always fill the entire width of the page instead of being 1260 wide.

I also tried your alternate approach by using Row Stretch: 1200 and then setting the Right/Left Margin to -30, but the Row width was not 1260 for some reason. I tried adjusting the margins but the Row Width wouldn’t change.

• This reply was modified 6 years by muterobert.
• This reply was modified 6 years by muterobert.
• This reply was modified 6 years by muterobert.

Thanks for the detailed response, Calin. Can I expect the theme’s blocks to continue to work correctly even if the width isn’t one of the default values?