3 and 4 column layout for pages

Hi dee61,

The element class name is .post-container throughout the theme. Try it again with that class name, and see if it works.

– Anders

I tried your suggestion but it still did not work. I also removed the theme and downloaded and installed it again but there is still no 3 or 4 page columns. Maybe i am not going through the correct procedure. I am using Custom CSS, inserting the code, updating the code. Getting a successful message but still no 3 or 4 columns. The template i am using is No sidebar although i have used them all. I originally thought that the 3 or 4 column layout could be enabled via the Settings but unfortunately that setting is not there.

Hi dee61,

I tried it myself by:

1. Installing Simple Custom CSS
2. Adding .posts .post-container { width: 24.75%; }
3. Saving

…Whereupon all posts were displayed in a grid with four columns instead of three. Give it another try. Also, note that if you set it to four columns using a CSS plugin, you’ll also have to enter separate codes for mobile sizes to make sure that the theme remains responsive. For instance:

.posts .post-container { width: 24.75%; }

@media ( max-width: 1200px ) {
    .posts .post-container { width: 32.75%; }
}

@media ( max-width: 850px ) {
    .posts .post-container { width: 47.5%; }
}

@media ( max-width: 600px ) {
    .posts .post-container { width: 100%; }
}

By the way, you write that the theme is displayed with two columns. The standard number of columns in Baskerville should be three columns. Can you send me a link to your site?

As the site is local I cannot send you a link. I have started again only this time I am trying to find out how to add 3, 4 and 5 columns via templates that can be added to your and other themes as this “columns function” is an integral part of any website design. Why it is not included as part of any theme is beyond me. Thank you for your reply.

Hi dee61,

As I wrote, all index/archive pages in Baskerville should be displayed in three columns as standard. Could you upload a screenshot? I haven’t seen this happen to anyone else, so forgive me if I’m pushy ??

– Anders

Edit: I forgot to ask this – what is your screen size?

The screen resolution is 1920×1080. Also previously I said that I had 2 columns. This was a mistake on my part. I sent you 2 screenshots via e-mail I removed your theme and the local server twice and re-uploaded both but nothing happens. In case I forget I am using Pages and not posts or blogs. I will find another way so if, you want you can mark this as Resolved.