Category "css"

Swiper Slider - Infinite loop with multi-row slides

I'm using the Swiper by iDangero.us and I'm having difficulty creating an infinite loop of multi-row slides. I have 30 images which I need to group into 3 rows

Correct way to apply global styles into Shadow DOM

This questions is similar to some other on StackOverflow, but I couldn't find any answer describing applicable to my situation and non-deprecated method (and I'

Is there a way to stop visual studio code from autoformatting multiple selectors?

(First post here so apologies if i'm doing something wrong) Visual studio code autoformatter keeps formatting multiple selector styling from this .header-exa

changing the width of h1

I have this code below that allows the text to fade in nicely. However, as you can see when I run it below, it doesn't show the entire text specified in the h1.

Fixed Table Header React-Bootstrap-Table-Next

I'm having issues making my table header fixed when scrolling. My React Table: <div className="Rules-Container"> <BootstrapTable striped

vscode - change highlight color of current file

How can I add a custom style for the background of the opened file (the pale-grey behind fetch.js):

Tailwind class is not working after installed

I try to use CSS, im just install the tailwindcss with npm, and then i build the css and provide the output.css. But, when i use the bg-black class in button fo

how to apply background outside of text

I'm a newbie in html & css. I'm trying to code the output in this image https://i.stack.imgur.com/Qy7Sd.png The only problem here is that when I add the bri

How to break a list in multiple columns with Bootstrap 4?

With Bootstrap 4, how can I have something like this: [ 1 ] [ 4 ] [ 2 ] [ 5 ] [ 3 ] [ 6 ] In other words, how to break a list into two equal columns, orderin

Freeze table first two column

I have a table with bit complicated structure as it has has colspan with multiple headers. I need to fix my table first two column and rest should be scrollable

How to apply a :not selector and all its descendants

I'm using a text editor plugin with its own styles but inside I'm rendering a Mapbox map. The problem is that the editor's styles are messing up Mapbox's. The t

Image is not in center on safari mobile web

I implemented css animation to the image and it works well on explorer or chrome through the pc. Though, on safari, the image is placed in the left top corner.

Vue.js rendering issues with safari

I have a portfolio website written using Vue and Laravel that renders out project thumbnails with v-for. This works completely fine on every browser apart from

CSS transitions always start at user agent style sheet

I'm currently fiddling with a website, and I wanted to animate a button's background color on hover. Unfortunately, the button will always start as white (brows

why my external css file not loading with html file on my tomcat server

I am beginner and I don't know why my external studentinformation.css file is not loading when I run my Signup.html on tomcat 3.2 or above but loads when I righ

How do I create a scoped class without @include?

I managed to create a scoped CSS class like this: .container { @import "./baa"; /* other props ... */ } but since @import is getting depreciated,

Incomplete CSS grid leaving first item blank instead of last

I want to display an unknown number of items in a 3 column grid. CSS grid seems like the perfect solution and using it in its simplest form gives me 99% of what

Fit parent height for Table in Material UI?

I want the table height to fit the parent’s available height. Ideally, I want: The footer to always be docked at the bottom of the parent container. If t

When I scroll a modal in mobile, an extra white space appears on the bottom of the page

html code <button onclick="openModal()">Click</button> <div id="my-modal" class="modal"> <span class="closed" onclick="closeModa

How can i make the dropdown the same size as button (width)

I have a dropdown and a button, how would I go on about making the dropdown the same size as the button? :root { --navbarbgc: rgb(83, 79, 79); --drop