here what I tried submitted by /u/abar_formicidae [visit reddit] [comments ..read more

I’m really close I believe. I can style each box individually using the following CSS: #respond #commentform #comment{color: #FFCC00; background-color: #483E2A; border: 0px; } If I change #comment to #author or #email or #url it will style the corresponding box. But when I try to change all of the boxes either by duping the code and change #comment to #author etc, all the boxes remain unstyled and just the standard white. This also happens if I try to add #author after #comment (there’s a hierarchy I believe? I’m a noob to CSS) So what is the best way to go about styling all the fields sim ..read more

To remove the horizontal scroll bar on multiple different pages I used * {overflow-x: hidden} but the * is wrong so what is the proper way? Please and thank you submitted by /u/Born-Newspaper1592 [visit reddit] [comments ..read more

I want to change the opacity of the bg image without affecting the text. I have the following: .chatFeed { background-color: rgba(0, 0, 0, 0.25); background-image: linear-gradient( to bottom right, rgba(222, 222, 0, 0.5), rgba(0, 222, 0, 0.5) ), url("/pattern.png"); background-size: cover, 400px; background-repeat: repeat; } I don't want to use ::before, because i want the bg image to stay while scrolling. ​ ​ submitted by /u/Abdallad-Issa [visit reddit] [comments ..read more

​ AAAAAAAAA So I have a bunch of equally sized cards. equal size have a gap between them, but not on the outside Within them, I have text that varies in size. I want to align their tops, between cells. ​ Is this impossible? For examples I see online, generally everything inside each cell is a fixed height except one element that flex-grows e.g. https://stackoverflow.com/a/52761584, or they can align the starts but not have equally-sized cards e.g. https://css-tricks.com/snippets/css/a-guide-to-flexbox/ (okay, it doesn't cover this directly but I ctrl+c ctrl+v'ed in at least 10.8 dif ..read more

​ https://reddit.com/link/1cddoc4/video/bqiiida5hrwc1/player Did this quick animation in After Effects to explain better. I am trying to make the text grow in its weight smoothly. I am unable to get a smooth animation using components. Should I just have a video play instead of trying to make this work? submitted by /u/aridaman-design [visit reddit] [comments ..read more

hello! beginner level css skills, so not sure if my issue is one that can be easily fixed or nah ? i'm working on a project that contains an animation made using pixel art to css, so it's built from box-shadow properties of a div changing in keyframes. i have a div container around it that responds to viewport size, but the animated div stays the same size. example here: https://codepen.io/internet-dog/pen/ZEZPeeR i've tried changing the values of the box-shadow to equivalent em/vw with no luck. am i missing something really obvious or is this just not doable? ​ thanks heaps if you can help m ..read more

I'm experimenting with stopping DOM elements (specifically input/textarea/button/a HTML elements) from getting focus and after some playtime, I stumbled on a strange and unique solution. element:focus { visibility: hidden; } This causes the element to be hidden and therefore lose focus. In turn, the lose of focus causes the element to become visible again. Also: Only looking to have a DOM element lose focus. CSS ONLY! Not using Javascript/HTML Not looking to make the element "invisible" using opacity or colors I'm looking for comments on this technique since the lost focus at best feels ..read more

Hi, This is my website: https://www.lmcjacket.com In the Lightbox 'Quote Request' is a form. I want to apply conditional logic so that when someone types their country as 'USA' or 'United States' then the field 'Press Serial Number' becomes Required. I saw an example on the support site: https://forum.squarespace.com/topic/221184-form-block-conditional-logic-for-other-please-specify/ But I'm not sure how to apply it, please can someone help? submitted by /u/christieharman [visit reddit] [comments ..read more

submitted by /u/Marcus_Aguiar [visit reddit] [comments ..read more