Hello @rewphus I like a categories at you make in website. http://tidbits.io [el1] I want to make same categories from example pictures. I can it how to make. Thank you very much. :grinning:

Edit: Yeah, it’s CSS. It’s technically public but I’ll leave it up to Ryan if he wants is shared or not.

Looks like the selector: @media (min-width: 1280px) desktop-scss-stack.scss:95 .list-controls .category-breadcrumb li:first-of-type>a.badge-category:first-of-type sets: transform: rotate(-90deg); transform-origin: right bottom 0; background-color: transparent !important; font-weight: bold; font-size: 5em; position: fixed; right: 87vw; text-align: right; min-width: 80vh; Which rotates, repositions and offsets it to the left. Almost certainly not the entire style, but a start.

How to set in customize>themes>Edit:CSS :sweat_smile:

/admin/customize/themes Then edit the CSS to add the code above.

Show us what you pasted and where you pasted it. Is the style you created currently applied to your site? Are you doing this on a live community, or a test instance somewhere?

[ee2] I’m not sure if it’s set correctly. :sweat_smile:

Yep, you need {} So: @media (min-width: 1280px) desktop-scss-stack.scss:95 .list-controls .category-breadcrumb li:first-of-type>a.badge-category:first-of-type { transform: rotate(-90deg); transform-origin: right bottom 0; background-color: transparent !important; font-weight: bold; font-size: 5em; position: fixed; right: 87vw; text-align: right; min-width: 80vh; } @jomaxro image above isn’t lightboxing either.

Yeah, @zogstrip is aware and has cloned the site so he can test locally.

[ee3] it show Error: Invalid CSS after "...-width: 1280px)": expected "{", was "desktop-scss-stack." on line 1 of theme_field.scss >> @media (min-width: 1280px) desktop-scss-stack.scss:95 .list-controls .category -------------------------^

How to make category selector sideways via css

Development

Bank_Live (Bank Live) 18 أكتوبر 2017، 6:50م 6

I copy to paste it not work.

الموضوع		الردود	مرات العرض
How to change categories style? UX	31	8594	3 أغسطس 2020
Hiring - Fix theme issues and homepage modification Marketplace	1	1118	23 أكتوبر 2018
Length of category name under the topic title UX	7	2182	23 يونيو 2015
Can it be done with CSS? Grouping categories on category page Development	12	3426	2 مارس 2024
Description of the category is not displayed at mobile version Feature	7	1532	13 نوفمبر 2024

How to make category selector sideways via css

الموضوعات ذات الصلة