how to display categories horizontally

[ad_1]

Please provide a link to a page on your site where we can see this. Thanks.

robothaber.com
below the logo you can see categories listed vertically. i simply want to list them horizontally near each other. it can overflow to a second row no problem. but right now it is like 10-15 rows .

To get them horizontal:

li.cat-item {
    display: inline-block;
}

and then to fix up the spacing

.wp-container-16 .wp-block-cover {
    min-height: auto;
}

To add or override CSS: use the “Additional CSS” option in the customizer. 

Use the Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS.

sorry but where exactly do i enter this piece of code? the editor is open and i do not see any custom css option anywhere…

Oh, right, you’re using 2022. Yeah, Full Site Editing, our glorious future. Anyhow,

and select Additional CSS.

thanks it works !
and to adjust its font type and size and color, i will still use that same area?
do you mind writing a very short code for its font, font size and color too if possible? then i can adjust…

Yes. But you can figure out the CSS. I’ve pointed you in the right direction.

ok thanks i will try to find out

 

This site will teach you how to build a WordPress website for beginners. We will cover everything from installing WordPress to adding pages, posts, and images to your site. You will learn how to customize your site with themes and plugins, as well as how to market your site online.

Buy WordPress Transfer