Category "css"

bootstrap fixed table headers with scrolling body

New to programming and first time posting here as well. I've got a bit of an issue with my bootstrap table inside a panel. I have a dropdown menu where the use

How do I get rid of the white spaces on both sides of an image?

I'm trying to get rid of the empty space around an image, which is inside of a bootstrap column. I've managed to fix the problem on desktop using -1rem on the

Aligning the table to te center of the page in Markdown

I want to align the table to the center of the page, how ever the <div align="center" <table> </div> function does not work. How would I be able

How can I center the text in the headers for an AG-grid control?

How can I center the text in the headers for an AG-grid control? I have tried using cellstyle and cellclass in the column definition but that did not work. Than

How to update Rule property value in JSS 10.9.0

I'm trying to dynamically update a rule in JSS. I'd like to set the hover background color. According to the docs, it should be: sheet.getRule('a').prop('propS

Why is <marquee> deprecated and what is the best alternative?

Longer time I'm curious about HTML tag <marquee>. You can find in MDN specification: Obsolete This feature is obsolete. Although it may still work

Modifying Shopify Polaris Styles - Reactjs

I am trying to modify Shopify Polaris Button components colors for React, I tried to change style.css file but nothing happened. Any idea how to do so? App.j

Angular: css variables are not usable in components

Hi i am trying to use css variables to predefine colors for example. Here is my app.component.css :root { --main-bg1: rgb(26, 28, 29); --main-bg2: rgb(66, 7

How to properly scale svg?

I need create seats map. I create svg with seats. <div class="seats-map"> <svg xmlns="https://www.w3.org/2000/svg" id="seats-map-svg" viewBox="0 0 1000

jQuery to scroll active horizontal menu item to the center

I am working on a responsive sub menu that on small screens will be scrollable horizontally instead of stacking the links. I can make that work. What I would l

Google PageSpeed - Eliminate Render-Blocking Resources Above the Fold caused from Google Fonts

i'm trying to optimize this website: electronicsportsitalia-it and when i try to analyze it on Google PageSpeed the platforms says that there is a google font b

How can I make my flex columns have equal height in an absolutely positioned container?

I have absolutely positioned div.container. div.wrapper inside it. and two divs as flex columns in div.wrapper. These columns have backgrounds. How can I make t

How to install bootstrap in laravel 8

All of the info I can find online says that you should install bootstrap by running composer require laravel/ui and then php artisan ui boostrap. However, in La

Problem with styling MUI Slider with pure CSS

In vain I try to style the mui slider with the help of CSS. The first approach it works perfectly. However, when refreshing the page, the slider is moved back t

Equal height columns using Bootstrap and jQuery

I am using Bootstrap in a current Web project but I don't know how to dynamically set the same height of column elements. I already know the .row-eq-height clas

Why is my CSS is not working for all my EJS loops?

I have a forEach loop that loops through my seeded Mongo database. Everything is working as it should, except one of my CSS functions that come from a jQuery fi

Adding JavaScript to my Plotly Dash app (Python)

I'm building a dashboard using Dash in Python. I have configured all the graphs nicely (it's running on the server here) and the next step is to create a respon

Why are some Tailwind classes not having effect in JetStream?

Some classes like text-green-500, rounded are having effect and the styling is updated. Ohter classes, like bg-black, don't have any effect on the styling. I am

Media Query for text-align: center

I'm having some issues with a media query. I'm trying to center text for mobile devices only. I've added the following to my CSS, but it doesn't seem to be doin

Fade/transition tailwind class to something else over certain amount of time?

Is there a way to set bg-red-300 and fade/transition it to bg-transparent or different bg class over 2 seconds or do I need javascript for this? I want an eleme