I was trying to find a way to start an animation only if the user is on it, at first I tried getting screen size, and its works, but its not an optimal solution
I need to use an image for my navigation buttons inside of my navigation bar. Right now, I have it set as a color, and when hovered over, it changes color. Ho
(this a long text but it's necessary for you to understand what I'm struggling with) I've been trying to find a solution to this but I just couldn't find any in
How can I add my own style with a class css in quilljs? I have this following css class .ql-editor spanblock { background-color: #F8F8F8; border: 1px s
Can I use the shorthand margin syntax if I want to add margin-left: auto and margin-right: auto while leaving the margin-top and margin-bottom alone? The basic
I'm having trouble getting the heights on my divs to match up. I need them to match the heights of the div with the most content - which is normally easy BUT I'
I have a site with a side navigation bar that is supposed to slide in via the right side, then when you close it, it transitions back into the side. When design
I have a tricky layout that I'm trying to add type-to-search to. (The actual code uses Angular, but it looks like my problem is just the CSS.) https://jsfiddle
I have a Bootstrap 5 application that consumes a bunch of web components and all of the components use Bootstrap 5. I need to customize the theme on the fly ins
I have an SCSS map of colour names and values. I want to create CSS custom properties from them like so: SCSS $colours:( "gray-500": #f7fafc, "red-500
Basically I am trying to have an image display in the background of a container, but it isn't loading. I have tried various paths as it isn't entirely clear to
Input with file upload button is: input[type="file"] { margin-left: 10px; border: 1px solid #b5bcc7; width: 360px; vertical-align: middle; m
Input with file upload button is: input[type="file"] { margin-left: 10px; border: 1px solid #b5bcc7; width: 360px; vertical-align: middle; m
So, if this is the HTML of an element: <div class="parent"> <div class="ignore-me"> <p class="child">ignore me</p>
I had just created a STRAPI project using , find docs here npx create-strapi-app@latest my-shop1 And then sign up to the admin portal. After signing up, I reac
I'm trying to override the small (x) that appears in the search bar, to have it do more than clear the search Currently this is my search bar: HTML: <input
sorry if it has been already asked but I can't find the solution on how to apply a gradient color to a png logo. Here is the website i'm starting to work on: ju
I have a very specific situation where I have ~50 child-divs which I cannot influence directly, that is, I cannot add classes or ids to one specific child-div n
I am trying to center column's content. Does not look like it works for me. Here is my HTML: <div class="row"> <div class="col-xs-1 center-block"&g
I have 2 problems with the display of line-clamps in Safari browser. First of all the codesnippet: .clamp-3-lines{ overflow: hidden; text-overflow: elli