Category "css"

How to prevent overlapping opacity of text in CSS?

There are two semi-transparent text characters that overlap. The characters are contained within the same tag. <p>┻━</p> p { color:

My BMR calculator is not showing a result

I wrote this for a Bmr tool on my website. I don't have much understanding regarding html CSS just started learning this. . On running the snippet is not showin

My BMR calculator is not showing a result

I wrote this for a Bmr tool on my website. I don't have much understanding regarding html CSS just started learning this. . On running the snippet is not showin

Can't center image and fill screen with video on NextJS app

I am trying to: center the image above the waitlist sign up have the background video scale in some relative way so that it doesn't have to load in a perfectly

Vimeo Video iFrame - On Mobile fill Screen (Hide Sides with Pan over Video)

I developing a website with a video as a hero image which is always fullscreen. Easy thing on desktop. Video is hosted on VIMEO. But now the hard part. On mobil

Is there a way to animate when div is visible on viewport using animate.style

I want to animate div only when div is visible on viewport using https://animate.style/ At this point it animates div even when its not in viewport which is nor

MIME type ('text/html') not a supported stylesheet MIME type, and strict MIME checking is enabled in Django Web Application

I am hosting a Django web application on a cPanel web hosting server. I have the application up and running however it is not applying the CSS stylesheets to my

How do i center this columns with the content floating to the left?

I would like the two col's to be centered if I have a window larger than 1024pix width and be responsive. I've tried a few things, but unfortunately I'm no long

How do I prevent Edge from showing the visual search icon when users hover over an image?

Microsoft Edge (v100.0.1185.29) seems to have recently added a new hover icon(visual search) to all images over a certain size on a webpage. This option is also

Zoom image in/out on mouse point using wheel with transform origin center. Need help in calculation

CONTEXT : My requirement is to do image transformations like scale, rotate and translate with user actions on an image. Rotation and translation of image is don

Declare new height and width for every new page on added jspdf using javascript

var doc = new jsPDF('px','px', [388, 2401]); var width = doc.internal.pageSize.getWidth; var height = doc.internal.pageSize.getHeight; doc.addImage(img, 'JPEG'

How to create custom CSS classes using MUI v5 theme?

I am using MUI v5 in my application along with react-d3-tree which renders SVG tree charts. It offers an API to include custom CSS class names in the <path&g

Problems with the attribute "placeholder" of an <p:inputText tag when the value of the inputText is empty

I am using JSF Mojarra 2.3.9.SP02 with PrimeFaces 7.0 running on Wildfly 17 with the PrimeFaces's own Sapphire template. I have a severe problem with one <p

React Background Image Change Animation

I'm working on a weather app with ReactJS, what i'm trying to do is have a slideshow of images for my background, the images will be full screen, fading from on

VS Code syntax highlighting for template string css? (Emotion)

How do I enable syntax highlighting for emotion template string css in VS Code? All the plugins I find are for snippets. It works with css({ camelCaseCssProps:.

Whats the best way to control image sizes using CSS Grid?

Im getting very familiar with CSS grid. But its has a few perplexing issues of how to best set it up when you start trying to involve images and grid responsive

How to make Intellisense Quick Info for JavaScript and CSS files to appear in Visual Studio 2017?

In Microsoft Visual Studio Professional 2017, when I edit a JavaScript or CSS file, the Intellisense Quick Info for Members, Objects and other keywords don't ap

Mobile bar closing transition isn't working on my code?

I'm new to coding, and I do not understand what is wrong with my code. The menu bar is for the media. I have it set to transition when a user clicks on it, and

React-select dropdown list getting cut in IE11

React select (https://github.com/JedWatson/react-select) drop down list is not fully shown in IE, works in other browsers. Works on other browsers. I tried set

Using React to reset the size of a div with CSS resize enabled

Currently I have a resizable div using resize: both; in its CSS. I'd like to make a function to reset the div back to its initial percentage-based size. I got t