Category "css"

How to align icon next to text of link attribute with tailwind-css and css.gg

This is 100% a duplicated but I cannot get the icon left to the text of the <a>-attribute. The closest I got is with this solution: <script src="ht

Selection Border in JavaFX. Wanting to change default behavior with CSS

I am using validation that puts a red border around my TextFields nameTF.setStyle("-fx-text-box-border: red;"); And set it back to default using nameTF.setStyle

How do I properly convert SVG with custom fonts to PNG with Python and svglib?

I have some SVG designs that I am processing with Python. These designs include custom fonts, which I reference using the at-rule @font-face. The problem seems

Breakpoints css is not applied over props in React-jss

I am getting an issue with React-JSS. I have created a modal class for which the property of height depends on the prop passed to the component. In responsive d

:hover element change ::after style another component

How can I change width StyledLi::after from 0% to 90%, after hover on StyledLink const StyledLink = styled(Link)` text-decoration: none; margin-right:

svg in symbol tags are taking spaces in the bottom

I have stacked many svg codes in symbol tags at the bottom of all my codes like-- <svg> <symbol id attributes> svg codes </symbol

How to add multiple classNames to nextjs elements

I have an unordered list element that looks like this: <ul className={styles["projects-pd-subdetails-list"]}> {detail.subdetails.map((sub) =&

How to access the real 100vh on iOS in CSS

This is a self Q&A If you've ever tried to use 100vh in CSS on iOS you will have found that it isn't actually 100vh when the browser chrome is expanded. It

SCSS Background Hover

I am struggling to change the background of my link when I hover over it with SCSS. I am able to do so when I go back into my main.css, but I really want to und

how to align the form to the right? [closed]

i am tying to have the h3 aligned with the form so the form goes to the right and the h3 to the left and both of them to be centered ? <

How to achieve fluent scrolling in Hybrid Maui Blazor APP?

Update I've added a screencast to better demonstrate the horizontal scroll problem I'm building a Hybrid MAUI / Blazor app. My goal is to make use of the native

How to style slides on the edges in Swiper slider

I'm using Swiper slider plugin (https://swiperjs.com). And I need to add opacity 0.5 to slides on the edges of visible viewport. https://i.stack.imgur.com/A6nr5

Make <div> element clickable on hover

I'm working on a website (my first) that uses WordPress, but I'm tweaking some little things through HTML and CSS code. I have a bunch of pictures in a grid,

need help centering bootstrap carousel image

I am having trouble making the image centered in the slider. Please see my carousel here https://wordpress-website-headless-v2-c9jivybjd.vercel.app/ it is creat

Vertical image Resize. (Flex or vh)

Hey! Thanks for reading! I've got a web-app login screen. I'm focusing on creating a responsive app-like login page. (no scroll etc) Issue description: With a v

How to change "Choose file" text using Bootstrap 5

Is it impossible change choose file text of input file in Bootstrap 5 using CSS like Bootstrap 4? And how can I add a margin to "No file chosen"?

How can I prove that two HTML pages look identical?

E.g., I have this: <pre> sun<br/> &nbsp;&nbsp;&nbsp;&nbsp;mercury <br/> &nbsp;&nbsp;&nbsp;&nbsp;venus

How to fix the header of mat-tab

I am having 5 mat-tab and each tab is having a large amount of data so scroll is getting added to that window. Is there any way through which I can fix the head

Disable pinch / zoom in IOS Safari while being in fullscreen

I have a webgl game working fine on iPad Safari I can disable system pinch / zoom actions with usual solutions (like this one: disable viewport zooming iOS 10+

Bundler & Minifier error 0: Expected closing parenthesis, found ','

I am getting some really annoying errors when debugging my ASP .NET Core application in VSCode. It seems to be related to my css bundler/minifier, but I have n