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) October 19, 2017, 7:37am 14

Now i can make it work follow as me want.

Topic		Replies	Views
How to change categories style? UX	31	8594	August 3, 2020
Hiring - Fix theme issues and homepage modification Marketplace	1	1118	October 23, 2018
Length of category name under the topic title UX	7	2182	June 23, 2015
Can it be done with CSS? Grouping categories on category page Development	12	3426	March 2, 2024
Description of the category is not displayed at mobile version Feature	7	1532	November 13, 2024

How to make category selector sideways via css

Related topics