Category "css"

On max-width of CSS Media Query

I see the above recommendation for max-width for mobile phone, tabled and screen. Is that a best practice for max-width settings for different devices? If not

getting error "lessphp fatal error: failed to parse passed in variable @heading_font_weight:"

My wordpress site is showing error- "lessphp fatal error: failed to parse passed in variable @heading_font_weight:" Please help.

How to solve unexpected errors from a CSS selector

I am learning SASS. I am trying to make a webpage using SASS. There is some error showing in the CSS file generated from the SASS file. Here is the CSS code: .l

How can I fit a img into a div wholly?

.flexbox-item-1 { min-height: 300px; min-width: 300px; border: 3px solid red; overflow: hidden; /* background: url("./Zodiac_Logos_jpg/Aries_zodia

Live server installed but not working in VS code

I have installed the live server extension but the browser does not update after I save my HTML or other files. What might be causing a problem?

How to align the icons on the right to the center of the navigation bar?

I want to align the social media icon on the right in the center of the navigation bar along with the navigation link and logo. I'm trying to do something like

unordered list bullets don't work on safari

I have a simple unordered list with a custom bullet (>> instead of a Disc Bullets). It is working on Firefox, but not on safari. On Safari my bullets beco

Why don't my class styles apply to dynamically created elements? Angularjs

My question is simple; why don't my class styles apply to dynamically created elements? I am creating a search bar here where I generate an li per matching resu

Is mixng plain CSS "style" with Bootstrap "class" good practice?

Is using plain CSS inline "style" and React-Bootstrap "className" at the same time a bad practice? <FormControl type="search" placeholder

Blazor Animation - set div to display: none after animation ends

Recently I have implemented some animations but I am having some problems when the animation ends. I have a div structure for responsiveness, that shows a menu

how to clip a circle inside a shape

It's a rectangle inside a shape。 -webkit-clip-path: polygon(0% 0%, 0% 100%, 25% 100%, 25% 25%, 75% 25%, 75% 75%, 25% 75%, 25% 100%, 100% 100%, 100% 0%

Step progress bar not working horizontal in mobile

I am trying to implement the step progress bar and I have done the below for the desktop version. Photo who works on the desktop like Desktop Version When I try

Stylesheet for single object

I have a HTML page with a stylesheet linked in the head tag. I want to make an object with animations, and instead of using the original stylesheet for the anim

Why does in Bootstrap 4 not put the col-4 in a row?

I can't figure out why the col-4 doesn't work to have all 3 items in a row <footer> <div class="row"> <div cl

Vuetify v-select component width changing

My v-select components should have a fixed width (60px), they fit in a table cell, and I want to prevent them from changing the width after value selected. They

How can I override margin-block-start?

I included normalize.css I have margin:0 on the header elements I have margin:0 on every class on the page https://www.christianlong.design/SuperSmashBrosDB/php

How to select a Bootstrap class in JavaScript in order to perform style changes on it

I am trying to access a Bootstrap card element so that I can hide its display when I use a search function. Currently I access the element inside the card in my

How to remove whitespace when collapsing cards

I am writing a filter search to filter through cards of customer data. The search functions work, but when the cards collapse they leave degrees of whitespace w

How to hide image's alt tag when you reload the page with lazyload?

I am using lazyload to display my images in my website (with data-src instead of src). However, when you reload the page, you can see the alt tag appear (durin

Fixed border tables html css

I want to make the borders of the table round. If I change the background color, or make a grid in the table, then everything goes beyond the rounded corners I