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
I want my text to wrap around my image. Right now I'm using the Bootstrap 5 grid system. But this is not giving me the result I want. I've tried using 'float: r
I've been playing around with space and round values for background-repeat. In theory this should mean I can use a radial gradient to create a nice dotted borde
I'm having this problem: Here is the code: <header class="fu-main-body-adress"> <h3>Address</h3> <p><a href="#" target="_
I have a simple layout like this: <div class="row"> <div class="col-xs-6"> </div> <div class="col-xs-6"> </div> &
I have set up a div to move up from outside the bottom of the page when hovered over. This works fine in firefox "responsive design mode", when i try it on And
I have jsp page built with struts2 tiles which has vertical Menu on the left hand side. Upon selecting a Menu I want to keep the background of the selected menu
I have some divs in a table like this one: <div contenteditable="true" onfocus="document.execCommand('selectAll',false,null)">Something</div>
There's a problem I've encountered but can't find explanation so far. The code is as follows: let textbox = document.getElementById("textbox"); let result =