Category "css"

Specify the padding between rows in a checkboxGroupInput

This is my shiny application: ui.R # values to show, or not show, these will be the 'choices' and 'selected' values # for the checkboxGroupInput() all_rows <

Bike parts in box are not fixing in one place - html css

I am using Visual Products Configurator as per client needs. The product is a bike, and it is divided into 4 parts. Bike body Front wheel Back wheel Seat I am

Javascript Animated Skill Bar On Scroll

I'd like to activate all of this animations whenever I scroll to a certain section, in this case the second one.So basically it starts with the section one and

Scoping v5 MUI Styles

We have a legacy application that we're slowly migrating to React and MUI. In order to prevent overlap in styling between the different parts of our applicatio

Bootstrap 5 Accordion button (arrow) missing

I've copied the example from Bootstrap 5.1 docs. When I pasted it into my .html it looked clunky (and was missing the default arrow) so I did some minor css to

browser won't load css stylesheet for my local website using express and node

And the app.js screenshot: I tried every possible combination of href and express.static(""); adresses. I either get a response from a browser saying browser

Why Is My HTML and CSS Code Not Running Properly On The Internet?

I recently added some text effects to my website in HTML and CSS. It runs perfectly on VS Code live sever but whenever I upload the code files on to my cpanel,

Component not centering when screen is smaller

I am making a website which has to be compatible for all devices (laptop, tablet, phone) and can't seem to get my weather API component to become smaller when o

Keep constraints between two elements when one is getting off screen

I would like an element "1" to go off screen (off red square in my example) and to be followed by an element "2" without having to use anything else than CSS co

Javascript works in codepen but not on browser

const toggleButton = document.getElementsByClassName('navbar-toggle')[0]; const navbarLinks = document.getElementsByClassName('navbar-links'); toggleButton.

Display text (flexbox) when hover over image

I want to hover over the rotating circle to display the 4 "about" texts. But the issue is that I am using flexbox and when I enter the cursor into the area cove

How to make this CARD/CHART Component with Next.js and Apexchart

I know this questions it's kind of too open, but I'm need some guidelines in how to do something like this... That's a card 200x200 with that information. The

HighCharts: align rotated multiline label

I'm trying to align axis labels in HighCharts Labels should not be trimed, so ellipsis is not allowed How it looks now: How I want it to be: Code: https://jsfid

Place position fixed item inside d-flex to right hand size

I am trying to make a alphabetic navigation bar at the right hand side of screen. The purpose of this bar is to navigate to the correct country code base on the

How to justify on both sides text into a DIV in HTML5 for being rendered into a PDF by using DinkToPDF

Recently I started using DinkToPdf library to convert a html in an asp.net core 6 project to a PDF file. I started by creating a Proof of Concept cshtml that wi

how to customize tooltip width in bootstrap

I have a bootstrap tooltip like the following. <i class="fas fa-question-circle" style="color: #f44336; cursor: pointer;" data-toggle="tooltip" data-plac

colouring rows based on id of model

i want unique color to the table rows to identify all records of that InternalTaskID (which can be taken from Model) currently I'm doing this... @{

How to make product cards equal height Bootstrap5

How to make product cards equal height? Unfortunately, flex is not working. .product-card { position: relative; padding: 1px; display: -ms-flexbox; disp

How to size css cards in the right way

so this is my 1st project. and i could appreciate help with this. I tried everything but i dont know what i am doing wrong, i will be so thankful if someone kno

there are some issues in this family tree I made

I have this good family tree but the problem is that the page is funcy like everything is on top of each other how can I fix it (it's better to try it in a cod