• Resolved dee61

    (@dee61)


    You answered an earlier question about a 4 column layout. I downloaded as recommended Simple css and installed it. I entered your code for Pages. I tried it but nothing happened. I changed the code to
    .page-container { width: 24.75%; } as i am using pages throughout but, still nothing happened. Excluding the Full Width Template all other templates are 2 column. I am on a local server so i can make changes without any damage to the site. Hopefully you can solve this problem especially as it is a very good theme.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Theme Author Anders Norén

    (@anlino)

    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

    Thread Starter dee61

    (@dee61)

    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.

    Theme Author Anders Norén

    (@anlino)

    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?

    Thread Starter dee61

    (@dee61)

    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.

    Theme Author Anders Norén

    (@anlino)

    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?

    Thread Starter dee61

    (@dee61)

    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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘3 and 4 column layout for pages’ is closed to new replies.