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) 2017 年10 月 19 日 07:37 14

Now i can make it work follow as me want.

话题		回复	浏览量
How to change categories style? UX	31	8596	2020 年8 月 3 日
Hiring - Fix theme issues and homepage modification Marketplace	1	1118	2018 年10 月 23 日
Length of category name under the topic title UX	7	2182	2015 年6 月 23 日
Can it be done with CSS? Grouping categories on category page Development	12	3427	2024 年3 月 2 日
Description of the category is not displayed at mobile version Feature	7	1533	2024 年11 月 13 日

How to make category selector sideways via css

相关话题