Grid layout

Hi,

Unfortunately, there is no option in the theme to make like that. If you want to create that custom design then You have to write custom CSS code to achieve that blog grid design.

Thanks a lot,
I realize that can use bootstrap:
https://www.w3schools.com/bootstrap/bootstrap_grid_system.asp

But when I write HTML in which file of my theme I have to insert? index.php or other?

• This reply was modified 4 years, 7 months ago by riccardo74.

Suppose I want something like that:

  <div class="row">
    <div class="col-lg-12" style="background-color:red;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    <div class="col-lg-12" style="background-color:yellow;">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br>
      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </div>
    <div class="col-lg-12" style="background-color:pink;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    <div class="col-lg-4" style="background-color:green;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    <div class="col-lg-4" style="background-color:blue;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    <div class="col-lg-4" style="background-color:red;">
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
    </div>
    
  </div>
</div>

I want my post in catery are display in that grid in which file I have to insert that code?

Ok I find the solution modifiyng CSS code, now looks like I want:
https://verbavolant.altervista.org/category/letteratura/

but now I’d like

1st) that title in .col-1 (now is H2 and I have removed with display: none;) would be like in the post page, see here:
https://verbavolant.altervista.org/2020/07/il-giardino-dei-finzi-contini/

how can I display that H1 tag in the .col-1?

2nd) I want that title and excerpt of .col-2 are on the left of .thumbnail
3rd) I want that title and excerpt of .col-3 are on the right of .thumbnail

Thanks for sharing the solution and Glad to hear that the issue has been fixed!

Sincerely is not fixed, I found a workaround with CSS but works only on my desktop site, if I watch the site on a laptop or ipad it’s all broken down.

Hi,

Unfortunately, we don’t provide custom code support. For custom work, please consult with a developer.