Category "css"

Why opened page with AdminLTE looks broken?

I make site In laravel 9 with Inertiajs/vuejs 3 based on https://github.com/ColorlibHQ/AdminLTE 3 (dark mode). I removed all jquery and use vuejs only. it works

css clamp function with auto not working as min, value, max

I have am using css clamp() to adjust height of my div, but it doesn't work as expected. .container{ height: clamp(200px, auto, 400px); } but works well wh

How can I change the focused color of a TextField?

I am making use of Material-UI React library and I need to change the border color of a TextField when it is clicked or focused as the case maybe. Here is what

How to make a triangle shape with Tailwind?

<div class=""> <div class="w-16 h-16 border-b-30 border-l-30 border-solid border-black"> <div class="h-16 w-1

How to change the visibility of a div when browser reloads?

I want to make the main div hidden when someone hits the refresh button and then after sometime making the main div visible. The reload detection code is workin

How to add space between header and body table in Angular Material 13?

How can I add space(margin) between header and body in a angular material table? I tried at first with this solution but it didn't work. demo: https://stackblit

Bootstrap 5 carousel with multiple items

i'm new to bootstrap and i'm doing an ecommerce template for learning bootstrap 5. There is a way to make the bootstrap 5 carousel to show multiple slide at the

How to access all the direct children of a div in tailwindcss?

I have this html: <div class="section"> <div class="header">header</div> <div class="content"> <div>sub contents 1<

overflow hidden css safari not working but chrome yes

I have an issue with safari explorer. I have a scroll indicator in the shape of a circle, that works fine in any borwser except safari. So I have one layer (the

How to add styles to angular component? (every second element)

I have a question about adding styles to Angular components. e.g I would like to have every second angular component in a list to have red background-color. How

Draw line between 2 elements in reactJS

I'm working on a flights agency website, and at some point I need to draw some lines between elements that are being added dynamically. See the image to underst

Images not showing up in Github

I'm trying to upload my website in GitHub but the images won't show. I've tried a lot of the solutions posted here (changing path, changing png to PNG..) but no

Footer is sticky, until I expand my accordion (html, css, vanilla js)

Basically my sticky footer is at the bottom of the page usually, works completely fine. However on the page with an accordion position:absolute, bottom:0, doesn

How to align center modal bootstrap 4?

im have a litle problem here, i want to make modal showing center. i want to make it like this instead of showing like that, im getting this this is the code

Is there a way to change thickness of v-divider?

I don't know if I am using the thickness prop correctly or if there is a better way to do this. <v-divider :thickness="var"/>

GTK Widgets changing with CSS

I can change the color of a button with CSS (background und color). But this don't work for dropdown button and textview. Do you have any suggestions? "#Button

HTML .value checking not working properly

I have been working on a little coding project for my friends. This includes a somewhat password system that changes your username. I implemented this so that i

Open Safari context menu BELOW text selection

I need to show a toolbar ABOVE a text selection in an editor. That's easy. Unfortunately Safari on iOS seems to prefer opening its copy/paste/formatting context

(Bootstrap 4) thumbnail with a caption on the right side when the screen is over X px

I would like to have a thumbnail with a caption on the right side when the screen is over X px. I tried it with and figcaption, but I didn't manage it yet.. he

Can I achieve CSS scroll snapping without making non-snapping elements unreachable?

I'm trying to use scroll snapping via the CSS scroll-snap-type and scroll-snap-align properties, but no matter what I do I end up making non-snapping elements u