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:

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

HAWK (Hawk) 18. Oktober 2017 um 18:46 5

/admin/customize/themes

Then edit the CSS to add the code above.

Thema		Antworten	Aufrufe
How to change categories style? UX	31	8594	3. August 2020
Hiring - Fix theme issues and homepage modification Marketplace	1	1118	23. Oktober 2018
Length of category name under the topic title UX	7	2182	23. Juni 2015
Can it be done with CSS? Grouping categories on category page Development	12	3426	2. März 2024
Description of the category is not displayed at mobile version Feature	7	1532	13. November 2024

How to make category selector sideways via css

Verwandte Themen