Category "css"

How do I change the font size and color of a TreeView?

Give style like this: const style = { overflow: "auto", backgroundColor: "#292929", color: "blue", height: 650, width: 1, flexGrow: 1, fontFamily:

Text showing behind logotype and menu

I'm a complete beginner, trying to make html and css work for me, and I need help! I will have a go at describing my problem in English. In my top left corner I

how can i change the gap of only element

i am creating something with css flexbox and use gap to give spacing between elements but now i want to change the spacing of only one element like .contain

Vertical Media Queries Not Working (Resize Elements Based on Height of Screen) -- Viewport issue?

I'm working on a web application that's meant to be used exclusively on phones (of various sizes). The application includes various buttons that I resize based

Coordinate overlapping components to scale together

Attempting to create a higher-order component with two components that scale together. The higher-order component is set up as so: <> <Component 1/

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