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) Outubro 18, 2017, 6:46pm 5

/admin/customize/themes

Then edit the CSS to add the code above.

Tópico		Respostas	Visualizações
How to change categories style? UX	31	8594	3 de Agosto de 2020
Hiring - Fix theme issues and homepage modification Marketplace	1	1118	23 de Outubro de 2018
Length of category name under the topic title UX	7	2182	23 de Junho de 2015
Can it be done with CSS? Grouping categories on category page Development	12	3426	2 de Março de 2024
Description of the category is not displayed at mobile version Feature	7	1532	13 de Novembro de 2024

How to make category selector sideways via css

Tópicos relacionados