Could I hack out a single column page payout?

Hi from 14° C (It’s supposed to be summer) York UK :slight_smile:

Ive been building a site from a paid template but it looks like no single column layout was offered (Damn!!). Thing is I need a simple one column layout for future blog posts to hang off the main blog page @ http://www.english-teacher-david.co.uk/blog.html But I just cant do it :frowning: It seams the content has been designed to fit tight columns but i just need a page where the content fills the viewport width.

Any insights welcome :slight_smile:

Hi David,

Why can’t you just use a new container or are you trying to change existing content into one column?

You could over-ride the CSS to make one column but I;m not sure that’s the way you want to go with this. For example you could add a class of blogpage to the body element and then use that to change the styles on that page.

e.g.
<body class="blogpage">

.blogpage .range > *{width:auto;flex:1 0 100%;max-width:none}
.blogpage .range .margin-negative-2{margin:0;}
.blogpage .range > .cell-md-6{order:3!important;}
.blogpage .shell{padding:50px 0;}

Then that would make the page look like this:

You can use that ‘blogpage’ class to change the container width for that page as required. However I’m not sure this is the way to go as you may want to write your own code for one column instead?

2 Likes

That’s great thank you, I’ll have a go at this in the next few days and update progress :slight_smile:

Also, just a side note but I recommend getting a security certificate or looking into LetsEncrypt if you plan to use this website for business. Having a website on a secure connection is essential.

Thanks for that, yes I was wondering why i get the “Not Secure” warning in the address bar. Time to contact the hoster for a solution me thinks!

1 Like

Big thank you, your solution did what i needed @ http://www.english-teacher-david.co.uk/blog/modal-verbs-restaurant.html

1 Like

Sorted

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.