How to extend archive block to fit long text

Hi,

I currently use the 7.0 theme called Five. For my blog pages, I use a summary block to pull in the posts. I decided to set up an archive block above it to contain a dropdown menu of the categories so people can choose the topics they're interested in.

The archive block seems rather short! Meaning the category text that's too long gets pushed into two lines. Is there a way to extend the archive block so that it can fit all the long text onto one line to keep things nice and neat?

Is there a CSS code for this?

Hope someone can help.
 

Many thanks!

Hi,

Can you share link to page where you use archive block? We can check easier

13 hours ago, tuanphan said:

Hi,

Can you share link to page where you use archive block? We can check easier

Of course, here it is https://worldofcreativedreams.co.uk/blog-history-lovers

The postcode histories series uses two lines because there isn't enough space. If I can extend the archive box longer, it might fit everything onto 1 line like the others.

Hope you can help 🙂

1 hour ago, tuanphan said:

Add to Design > Custom CSS

.sqs-block-archive .archive-block-setting-layout-dropdown.archive-block-wrapper {
    max-width: 500px !important;
}

 

YES!!! Thank you so much! This works well and I can adjust the width to suit. 

Many thanks for all your help with this!