Login

r/css

New moderators needed - comment on this post to volunteer to become a moderator of this community.
▲ 3.1k r/css+423 crossposts

New moderators needed - comment on this post to volunteer to become a moderator of this community.

Hello everyone - this community is in need of a few new mods, and you can use the comments on this post to let us know why you’d like to be a mod here. 

Priority is given to redditors who have past activity in this community or other communities with related topics. It’s okay if you don’t have previous mod experience and our goal, when possible, is to add a group of moderators so you can work together to build the community.

Please use at least 3 sentences to explain why you’d like to be a mod and share what moderation experience you have (if any).  

If you are interested in learning more about being a moderator on Reddit, please visit redditforcommunity.com. This guide to joining a mod team is a helpful resource. 

Comments from those making repeated asks to adopt communities or that are off topic will be removed. 

u/GaryNOVA — 7 days ago
▲ 6 r/css+1 crossposts

CSS to change a page

Hello, I am currently building an e-commerce website on wordpress.org. I have a product that has a monthly subscription as well as other plans. But the appearance of it on that product page, I would like to change. I want to change it to a drop-down menu instead of all of the plans listed.

The regular customizer won't let me change that part. I was trying to learn CSS but I'm still unsure about it and if it'll still be accessible after I change the code. I am new to WordPress, plugins, and coding, so any tips will be useful!

Edit: Changed my product to a variable product and just listed the monthly subscription as its own thing because the other option is behind a paywall. Thank you guys for the info!

reddit.com
u/idkhihowareya — 7 days ago
▲ 11 r/css

Wrapping text to maximum number of lines?

My app has a data tables laid out using <table> elements, and as usual there is one table row inside <thead> followed by multiple rows inside <tbody>.

The header cells for some languages have text that is so long that word wrap is required. However, for layout purposes I'd like to limit the number of lines to 2. If the text is any longer, then I would instead like the <th> element to grow in width.

This spreadsheet example should demonstrate what I mean:

https://preview.redd.it/xjs1uvt143uh1.png?width=718&format=png&auto=webp&s=bf4a85666731c2e5363c0aa677f2ab76e3fa8587

Is there a CSS solution to this, or should I inject the possible linebreak in JavaScript?

reddit.com
u/Antti5 — 7 days ago
▲ 5 r/css+1 crossposts

I made a collection of copy-paste backgrounds for Tailwind CSS with light and dark variants

Hey! I made a small collection of CSS/Tailwind backgrounds.

You can browse the gallery, switch between light and dark versions, and copy the effect directly into your project.

I wanted something where you can quickly find a background, see how it actually looks, and grab the code without having to recreate the effect yourself. Also if you want to edit the code to your likely, do it!😊

It's free to use.

Would be interested to hear what kind of backgrounds you'd like to see added.👏🏼👏🏼

collectable-colors.vercel.app
u/itsNazaretDev — 7 days ago
▲ 0 r/css+1 crossposts

<smil> <head> <layout> <root-layout/> <region id=“Text” top=“70%” left=“0%” height=“30%” width=“100%” fit=“scroll”/> <region id=“Image” top=“0%” left=“0%” height=“70%” width=“100%” fit=“meet”/> </layout> </head> <body> <par dur=“10000000000años”> <img src=“FB9D075F-.png” region=“Image”/> </par>

[removed]

reddit.com
u/Old_Equal_6216 — 11 days ago