Jump to content

Reorder the categories list on blog part of site

Recommended Posts

  • Replies 4
  • Views 368
  • Created
  • Last Reply

Add to igroups Page Settings > Advanced > Header

<style>
  .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-list {
    display: flex !important;
    flex-direction: column;
}
  /* all */
li.archive-group:nth-child(1) {
    order: 1;
}
/* Youth */
li.archive-group:nth-child(8) {
    order: 2;
}
/* Younth Adults */
li.archive-group:nth-child(7) {
    order: 3;
}
/* Mixed Adults */
li.archive-group:nth-child(4) {
    order: 4;
}
/* Women */
li.archive-group:nth-child(6) {
    order: 5;
}
/* Men */
li.archive-group:nth-child(3) {
    order: 6;
}
/* North Shore */
li.archive-group:nth-child(5) {
    order: 7;
}
/* Hibiscus Coast */
li.archive-group:nth-child(2) {
    order: 8;
}
</style>
  

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
On 10/16/2020 at 9:27 PM, tuanphan said:

Add to igroups Page Settings > Advanced > Header


<style>
  .sqs-block-archive .archive-block-setting-layout-dropdown .archive-group-list {
    display: flex !important;
    flex-direction: column;
}
  /* all */
li.archive-group:nth-child(1) {
    order: 1;
}
/* Youth */
li.archive-group:nth-child(8) {
    order: 2;
}
/* Younth Adults */
li.archive-group:nth-child(7) {
    order: 3;
}
/* Mixed Adults */
li.archive-group:nth-child(4) {
    order: 4;
}
/* Women */
li.archive-group:nth-child(6) {
    order: 5;
}
/* Men */
li.archive-group:nth-child(3) {
    order: 6;
}
/* North Shore */
li.archive-group:nth-child(5) {
    order: 7;
}
/* Hibiscus Coast */
li.archive-group:nth-child(2) {
    order: 8;
}
</style>
  

 

Thank you for your help! I have done what you said but it hasn't changed it. Any thoughts as to what I may have done wrong?

code.jpeg

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.