Archive block as one line instead of columns

Hi friends! I'd like to filter posts in a blog section (in my case, work projects) by the company names. Is there a chance to make an archive block look like a horizontal list instead of columns? (see the reference attached). Many thanks!

Link & pass to the website: 

https://www.sandranam.me

7u5PY6B6C

@maya_m Can you please share where the archive block is on your site? I couldn't find it on the Work page.

Hi @CassAggett! Thank you for responding! Sorry, I deleted the archive block by mistake. Here's the link: https://www.sandranam.me/work It's on the top above the video thumbnails. 

You can use this code to Website Tools (under Not Linked) > Custom CSS

.fe-659a05f49d1f2205400230e9 {
@media screen and (min-width:768px) {
ul.archive-group-list {
    display: flex;
}
ul.archive-group-list * {
    white-space: nowrap;
}}}

@tuanphan Thank you so much for your help!!

Is there a way to reduce the spacing between the filter and other blocks?

@tuanphan Terrific! I'm so grateful for all your help! 

Hi @tuanphan

I'm sorry for asking for help again, but I made a new archive list instead of the one you had helped me with. For some, reason I can't adjust the spacing. I've tried this code (with a new section ID) but still not working:

[data-section-id="65b0397a20c5aa7b2a8e2fa3"] .content-wrapper {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
 

Could you please help me figure out what the problem is? Many thanks in advance!

Also, is there a way to create a cloud of tags like this on mobile?

On 1/24/2024 at 9:16 AM, maya_m said:

Also, is there a way to create a cloud of tags like this on mobile?

You mean add a box around these items?

Seems like I've already figured this out. Thank you so much for responding!