Category "css"

Navbar isn't turning red when I scroll down

I am trying to make it so when I scroll down in my webpage it will turn the navbar red. when you are at the top of the page it blends with the background but wh

Put the cross on the top right page instead of the left

how can I put the cross on the top right side of my page? For now it appears on the left side. .close { vertical-align: middle; border: none; color:

Delphi 11. Web Server. local CSS does not render correctly

I have created a simple web server using tWebModule. I have created a standalone for testing, and an ISAPI DLL for deployment to IIS. Both use the same code.

Why my setPin in scrollMagic don't pin in react but in normal html it works properly?

I have a problem in reactjs wherein My setPin don't work properly in reactjs but in normal html it works properly... Basically the code was something like this

Possible to set hex color opacity independently?

Is it possible to set opacity value in hex color independently (to avoid repetition), or to append to var() e.g. var(--set1)1? Example: :root { --set1: #abc;

Declaring multiple custom css properties in :root causes error

I've been trying to create multiple custom properties to use in my CSS files, after searching I discovered they should be prefixed with a double-dash and usuall

how to create an effect just before displaying a web page

hi i tested this piece of code found on stackoverflow here without success... I manage to use 'Swup' for the transitions but not for the arrival on the page * {

Is there a way to convert an .eot to .woff or call another file in css

I have this big chunk of text that looks something like this: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAHnQABMAAAABHZAAAQAAAAAAAAAAAAAAAA

Why my Interactive Art is not working like it should on mousemove

I made an Interactive Art but instead of scaling each child different pixels it is scaling each child same px. P.S the commented out code const WIDTH = 512

Remove punctuation at end of line in responsive text block

I have a list of a large number of Things divided by bars, i.e. Thing 1 | Thing 2 | Thing 3. They're in a responsive container and so I have no way of knowing w

What is the difference between CSS selectors: element element( div p) vs element>element (div > p)? [duplicate]

I'm wondering about CSS selectors. Especially about this one: "div p" vs "div > p"

How to add a hover effect with dynamic styles to a component element?

I have this Angular component where hover effect is currently applied with pseudo-class :hover in .scss file. But I want to apply the hover effect with dynamic

How to make navigation toggle button above body content view in html?

I have my navigation toggle to hide and show side navigation But if i zoom in the screen, The navigation button will go behind the body content view. .navigatio

How to make svg added as css ::after content scale to the size of the font

I have some generated html that has headers with appended anchors (no content, but with a unique id), and I'm adding a 'link icon' that pops up when you hover t

Flex direction changes when I use persist gate(next js with redux)

I am using next js and redux to build an app. When I use in my _app.js the flex direction changes in index.js, from row to column. No changes in the CSS or in

Rescaling content within an iFrame

I have an iframe, which takes another page and displays it. However, the content within this iFrame becomes unreadable if I move from a external computer monito

extended the bars to the bottom in SharePoint Online JSON format

I want to extend the bar, in blue or red up to the bottom of the row via JSON. How can I achieve that? Here is my code: { "$schema": "https://developer.microsof

Why My custom colors are not working in my Angular material theme?

I trying to add more color to my angular material theme, I've added the success color in my style.scss by the map.deep-merge fucntion // Custom Theming for Angu

find element by class name (node js)

For my tool there is a button with a dropdown list if you click the button. The button is using a class : countryButton-1cNDvB button-f2h6uQ lookFilled-yCfaCM c

Display JS script result in Bootstrap color box

I want to display random numbers by JS calculation in CSS Bootstrap colored box as shown below. How can I structure my code by adding the following JS calculati