Change of Layout


#1

Dear All,

How do i change the layout of a table in my website.

Currently it shows, 2 rows x 4 columns.

I wish to do it 2 rows x 3 columns.

Pls check www.hopenet.work for the website. And the element in question is under a Text widget with the following code:

[perth-masonry posts=“8” show_all_text=“See all” post_type=“projects” filter=“yes” include=“landscapes,nature,science”]

I only want to show 6 items, 2 rows x 3 columns.

Thank you.


#2

Hello there,

Try adding this CSS code Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 768px) {
        .projects-area .isotope-item {
          width: 33.333333333333333%;
        }
    }

Regards,
Kharis