Viewing 6 replies - 1 through 6 (of 6 total)
  • This code should work if you place it into your stylesheet:

    .art-post {
        width: 320px;
        float: left;
    }
    .art-box-body.art-post-body {
        min-height: 385px;
    }

    However, your pagination box doesn’t have its own class assigned to it so I can’t grab it out and tell the code not to make it that big as well. You’ll probably need to hire a dev if you aren’t confident enough with the code, but it wouldn’t take too long for someone with access to the backend to fix it up right for you.

    Thread Starter olariu daniel

    (@olariu-daniel)

    I did change but not working 100% good
    How can I change my not appear in square frame pages 1,2,3,4,5,6,7,8,9,10
    It may change somewhat
    When I click on the button below (Read More) appear throughout two columns
    I like how they changed posts
    Can you still realize you have changed
    Thanks

    Okay, for the single post issue, you’ll need to place .home in front of my code like so:

    .home .art-post {
        width: 320px;
        float: left;
    }
    .home .art-box-body.art-post-body {
        min-height: 385px;
    }

    As for the pagination box (1,2,3,4,5,6,7,8,9,10) again, it needs its own class so the css can target it specifically. For that you’ll probably need to hire someone, but again, it shouldn’t take long and wouldn’t be too expensive if you didn’t want to do it yourself.

    Thread Starter olariu daniel

    (@olariu-daniel)

    I want to make one but I have not found any tutuorial
    Maybe you know a tutorial how to make a class
    I’ve never done
    Thanks

    Depending on how your page is structured you need to surround the pagination block with a something like this:
    <div id="home-pagination">CODE HERE</div>
    Which would create the #home-pagination ID that could be used in your CSS.

    If you want to learn more about HTML and CSS then I would suggest that you head over to Codecademy.

    Thread Starter olariu daniel

    (@olariu-daniel)

    I put the code but it has not changed anything
    Can we added better code
    .home.art-post

    .art-post
    {
       max-width:974px;
       margin: 7px;
    
    }
    .home .art-post {
        width: 320px;
        float: left;
    }
    .home .art-box-body.art-post-body {
        min-height: 385px;
    }
    .art-post {
        width: 320px;
        float: left;
    }
    .art-box-body.art-post-body {
        min-height: 385px;
    }
    .art-post-body
    {
       padding:14px;
       min-width:2px;
       min-height:2px;
    }
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘How can I change posts to appear on two columns’ is closed to new replies.