Make sidebar items horizontal

Activello
1

I had previously asked how to make the items in a sidebar appear horizontally, however, the css code which you gave doesn’t work for this one case on the following page:

https://shesoutside.com/category/exploring-posts/snow-posts/

The code i’ve tried is:

body.post-template-default #category-posts-5-internal .cat-post-item {
display: inline-block;
margin-left: auto;
margin-right: auto;
}

body.post-template-default #category-posts-5-internal .cat-post-item {
float: left;
margin-left: 15px;
margin-right: 15px;
}

I have also attached screengrab.

Many thanks,

2

Hey again,

Kindly add and save the following code to Appearance > Customize > Additional CSS:

li.cat-post-item {
    display: inline-block!important;
    margin-left: 30px!Important;
}

I hope this helps :slight_smile:

Best Regards,
Support

3

Thank you this worked well.

On a side note, I have quite a lot of code in the location Appearance > Customize > Additional CSS. Whats the difference between storing it here and storing it in the Appearance > Editor.

Thanks,

4

Hey there,
Hope you’re doing well today

It is pretty much the same, actually. You can add it wherever you’d like.

Just ensure that you’re not adding conflicting CSS that fixes one thing and then breaks another thing. It happens to the best of us, but it pays to look out.

I hope this helps :slight_smile:

Best Regards,
Support