category page-how to change archive layout as grid

This topic contains 7 replies, has 2 voices, and was last updated by leonluo 1 month ago.

Viewing 8 posts - 1 through 8 (of 8 total)

Author

Posts
January 15, 2019 at 9:01 pm #17527
leonluo
Participant
how can add image at category page? or change the stlye more like portfolio?

Thanks.
- This topic was modified 1 month ago by BWSM.
- This topic was modified 1 month ago by BWSM.
January 16, 2019 at 2:46 am #17530

BWSM
Keymaster

Hi,

The default category page cannot be edited directly. It could be removed the sidebar and set columns by custom CSS only.

Regards~
Bwsm – uiueux.com – Twitter – Facebook

January 16, 2019 at 5:48 pm #17543

leonluo
Participant

thanks.

January 16, 2019 at 10:51 pm #17547

leonluo
Participant

how to removed the sidebar by custom CSS?

how to set 2 columns by custom CSS?

Thanks

January 17, 2019 at 2:11 am #17548
BWSM
Keymaster
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
```
body.archive.category #sidebar-widget {display:none;}
body.archive.category #content_wrap {width:100%;}
body.archive.category .archive-list { display:flex; flex-wrap: wrap; margin:-20px }
body.archive.category .archive-item { width:50%; padding:20px}
.archive-title.title-wrap {}
```
January 18, 2019 at 7:04 am #17572

leonluo
Participant

In the category page, how can i move the category name part. clean the sapce between menu to article.

https://duetmagazine.com/category/stories/beauty/

January 19, 2019 at 6:06 am #17580
BWSM
Keymaster
Please paste the custom css code to “Appearance > Customize : Additional CSS”:
```
body.archive.category .archive-title.title-wrap {display: none;}
body.archive.category .archive-item {  margin-top: 40px;}
```
January 19, 2019 at 10:24 pm #17583

leonluo
Participant

Thanks!
Author

Posts

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘category page-how to change archive layout as grid’ is closed to new replies.

Join Newsletter(FREE)