806,998 questions
0
votes
1
answer
22
views
Bootstrap 5 circular background for bootstrap icon
Can I implement a bootstrap icon with circular background area in Bootstrap 5?
Currently I produced this ellipse. I want to implement it circularly
.green{
background-color:green;
}
.i1{
...
- 101
0
votes
0
answers
13
views
How do you change the clickable region around a label in Java FX?
In Java FX, you can change the padding around a label with CSS. In doing so with negative values, you can remove some space between the border of the label and the text inside it, like the images ...
1
vote
1
answer
17
views
Overlaying a div with an svg using CSS grid layout when div size is unknown ahead of time
I have a div:
it has width, but it is not known ahead of time
it might or might not have height set
when height is not set, it should expand vertically to match content.
I want to overlay that div ...
- 1,299
1
vote
1
answer
30
views
Remove firefox form field highlight?
I'm having this problem with firefox form fields. They're suddenly highlighting in bright, ugly blue, and I'm trying to get it back to the original, more clean dotted line. Actually, at this point, ...
- 129
0
votes
0
answers
33
views
Can someone help me find the error in my code? [duplicate]
My content won't rest inside my background image properly. I need it to be centered with one another. It's just not happening. The first image is the expectation and the other is mine. Can anyone ...
0
votes
0
answers
16
views
css is not loading on server after hosting but loading when run local
I am trying to host asp.net core website(.NET8) on linux server. At local everything work fine but when i host on server it then the .css is not loaded and it gives 404 not found (please check http://...
- 33
0
votes
1
answer
32
views
How to simulate button click using rvest
I am trying to scrape a webpage that requires a button press to populate a table. I am able to achieve this for some buttons but not others. I am trying create a reproducible pipeline using rvest and ...
- 404
0
votes
1
answer
22
views
Delay between percentages in keyframes css
i need to change various images in one div, but i want that, between image and image, 1s delay. I need to set a delay between percentages in keyframes
here my code
.imgWrapper{
background-size: ...
- 51
0
votes
1
answer
24
views
When clicking on hamburger menu nothing happens
I'm creating responsive navbar for my website, and I came across to this simple looking problem. Whenever I'm clicking on hamburger menu icon nothing happens. My idea is -- whenever hamburger icon is ...
- 33
-4
votes
0
answers
26
views
How to code a ratings distribution widget? [closed]
I am trying to create a ratings distribution visual. Like these examples:
It's for a site where users rate items and I'm looking for direction on how to develop something that display's the ratings ...
- 63
-1
votes
0
answers
23
views
Triggering a swipe event with a click [closed]
I created a simple horizontal scroll window for viewing reviews. I set up scroll-snap and also added some JavaScript so that on clicking one of the chevrons bounding my scroll window the content is ...
- 161
0
votes
1
answer
24
views
Relation between <a> tag and image in CSS responsiveness
i am trying to resize a image(.logo) placed in a tag. But whenever i make the image smaller, the image is get small in size but the size of tag remains same. And the space between the image and next ...
0
votes
0
answers
28
views
Viewing my site on a mobile scales a background image differently to a desktop browser set to the phone's dimensions sveltekit
So I have a paragraph and an svg graphic (nearly a rectangle but with 'wavy' edges on the top and bottom) in my sveltekit site. I would like the SVG to stretch to fill the width of the screen and ...
- 13
0
votes
0
answers
18
views
Change cursor color on hover in css [duplicate]
So my question is:- Can we change the Colour of Cursor pointer during hover state of a button? If Yes, then How?
eg. The viewer's cursor default color is white. But I want it to be black when the ...
0
votes
0
answers
18
views
Windows Presentation Framework (WPF) Markup Contol for CSS
I am developing a VSTO adding for Visio that has a modal dialog / form that enables the user to edit CSS classes for rendering Visio models in SVG format, and to be able to see the results immediately ...
- 139
0
votes
0
answers
29
views
Flickering unstyled content code need for elementor
I need this code to be usable with all my template instead of one specific template of my website.
I am using Elementor and it suggested following code:
add_action('wp_enqueue_scripts', function() {
...
-3
votes
0
answers
23
views
Pressed Pseudo-class Not Triggered When Clicking a Link with target='_blank' and Returning [closed]
In this AI age, who would've thought that we would have problems with simple pseudo-classes in our browsers? I have some links with pressed pseudo-classes. The issue is that when you click a link, it ...
- 35
0
votes
1
answer
31
views
Notifications "action" button position
I try to create a vue/bootstrap notifications component with action buttons.
Thats my current result, no matter what i do, the buttons are part of the notification body itself:
Instead of that, i ...
- 3,876
0
votes
4
answers
56
views
Can you figure out how to align the top of the <p> tag with the top of the <textarea> tag?
I’m trying to create a text box in the style of a source code editor, but I’m using the <p> tag for the number side bar thing, and the <textarea> tag for the source code, so they do
I'm ...
- 3
0
votes
0
answers
6
views
iOS and Focus on Search Form on a Webpage: Unwanted Enlargement of the whole page
I have a form field of the type "search" on a valid* page:
<search>
<form action=https://cse.google.com/cse method=get target=_blank>
<input type=hidden name=cx ...
- 35
3
votes
1
answer
21
views
How should I reference different files for different devices using Angular?
So this is my project's structure in version 18.2.8.
enter image description here
This is the structure if I'm looking with a pc:
enter image description here
What I want to do is to show a css file ...
- 33
0
votes
1
answer
34
views
Text positioned over WebGL canvas becomes blurry
I have encountered a problem where my pixelated text that overlaps with a WebGL canvas becomes noticeably blurry. Pictured is (1) the element slightly above the canvas and then (2) touching the canvas ...
- 11
0
votes
0
answers
32
views
Iphone 'hamburger' button doesnt work well. Website made with elementor pro
I made a website using elementor pro. I made a menu with an hamburger button. When I click it on my android phone it opens normal. When I use an iphone with developer tools it works as well.
But a ...
- 1
0
votes
1
answer
41
views
Replace default mouse cursor in Gmail and Chromium
I am trying to replace the default (ugly) mouse cursors that Gmail uses within Chromium. This problem does not happen in Firefox.
So far, I have the following code...
I detect the custom icon
I ...
- 133
0
votes
0
answers
19
views
Why my css transition failed to implement my expected sliding?
I am trying to make a very simple display time project for practicing my coding skills, the main implementation logic is completed, but there is a tiny problem is that I want to implement a fancy way ...
- 19
0
votes
2
answers
30
views
How could I obtain clickable box ability for every box I have newly created for creating new boxes at the end of boxes row [duplicate]
I want to change my code for obtaining creation of new round box after clicking any box from new created set of them, not only first box. How could I obtain this ability for my code?
const box = ...
0
votes
1
answer
18
views
Change vuetify v-field label font size
Im trying to customize the font size of the label of a v-text-field. The problem im encountering is that when the field is clicked, the label normally transitions to the top of the field and becomes ...
- 25
0
votes
0
answers
9
views
Footer overlaps content instead of creating new page with Paged.js in A4 doc
I'm putting together an HTML document that needs to be A4 sized and needs to be very strict about the positioning and styling of its items, so I'm using Paged.js to set up pages while also maintaining ...
-2
votes
3
answers
59
views
I want a signature animation on my svg i have tried but only half of its is showing? [closed]
<svg xmlns="http://www.w3.org/2000/svg" width="282" height="122" viewBox="0 0 282 122" fill="none">
<!-- Signature Path -->
<path id="signature" d="M59.1294 91.0229C59.2018 87.6683 ...
-1
votes
0
answers
39
views
Why does my dropdown menu expand upwards instead of downwards in my component?
Description:
I'm working on a dropdown menu in my React component. When I click a list item to expand a dropdown menu, it expands upwards instead of expanding downwards as expected. I want the ...
0
votes
1
answer
22
views
Can't change React-tilt default options doesnt work
i'm designing a blog, and i want to use react-tilt for a premium and incredible experience, well, everything works, tilt works, effects works, but i want to change default options, like max tilt ...
- 51
-5
votes
1
answer
54
views
CSS Navbar Media Queries-
I'm a designer now working as a web dev (taught myself thru YT lol)
Working on a nav-bar for one of my first clients and struggling to make it responsive on smaller devices, and scratching my head as ...
-1
votes
0
answers
18
views
Style a fullscreen slider for portrait and landscape images
How would I style a slider for mobile devices for landscape and portrait images where
all images are set up as a square image as either a pillerbox or a letterbox
the user is supposed to rotate the ...
- 2,684
0
votes
1
answer
25
views
Bootstrap 4 Navbar not working on mobile view
I'm having an issue in the mobile view of my chrome dev tools. I've seen the issue on a friend's phone, but my phone works fine...
I have a bootstrap 4 navbar with dropdown menus, and the dropdown ...
- 55
4
votes
2
answers
70
views
Make an element sticky until a specific amount of the remaining container height is reached
How can an element be defined to behave like a sticky element only when the remaining height of the element is greater than a specific size (that I will call sticky container margin)?
For example, in ...
- 366
-1
votes
0
answers
18
views
Move button text down and change button color [duplicate]
In WordPress, I was able to change some radio buttons to look like buttons using the below CSS:
.gfield_radio {
list-style-type:none;
margin:25px 0 0 0;
padding:0;
}
.gfield_radio li {
...
- 3,043
1
vote
2
answers
46
views
How to make transparent inside of path canvas
I have script that writes two triangle, blue and red.
I want to make transparent this area instead of blue and red like Paper-cutting work.
(I want to put the image background, so it must be ...
- 12.3k
0
votes
2
answers
46
views
React Native OTP Input - Cursor Not Centered in TextInput Box
I’m building an OTP input component in React Native with four TextInput boxes, but I’m facing an issue where the cursor is not centered inside the box. Instead, it’s aligned to the right side of the ...
- 81
0
votes
3
answers
53
views
How to set CSS attributes for one element on the basis of other element's class
I am working with React and CSS. I wanted to set "background-color":"yellow" on selector 2 (tr#selector2), if selector 1 (div.selector1) is having "show" class:
div....
- 165
-3
votes
0
answers
30
views
Creating responsive flexbox grid with equal items [closed]
I have a problem with matching all my requirements regarding boxes in flexbox. Assume I have 3 breakpoints.
My requirements:
On first breakpoint, boxes should be in one column, on second breakpoint ...
- 582
0
votes
0
answers
23
views
How can I make Shopify Liquid Code Colour Swatch code less squished?
I have some code that checks for a colour swatch on Shopify liquid code, it links to the silver or gold version of a product based on a custom meta field, but the text is all squished, can anyone help ...
1
vote
1
answer
48
views
What is the correct browser behaviour when you have CSS shorthands in combination with individual shorthand constituents?
Consider the following code.
a {
text-decoration-color: red;
}
.oops{
text-decoration: underline;
}
code {
border: 1px solid rgb(0 0 0 / 0.2);
padding-inline: 0.5em;
}
<p>This <...
- 1,227
-1
votes
0
answers
16
views
ComposedChart React
<React.Fragment>
<Stack spacing="1-x">
<div id="benchmark-filter">
<BenchmarkFilter
isSettinsPage={false}
...
-1
votes
0
answers
78
views
flex container has extra bottom gap when a card-body is inside, and container of the .row has fixed height [closed]
I have 5 cards which have display as flex in a row with class mrow.I have the row in a container with class mcontent.The height of the row is 571px.
.mrow{height:100%}
.mcontain{height:571px}
But ...
- 101
-1
votes
1
answer
77
views
Background showing through div background [closed]
I fixed it, thanks for trying. The problem was the translate and transform. I replaced it with z-index and ran javascript to find the center. Check it out, always room to improve
It does not work on ...
- 15
0
votes
0
answers
28
views
react navbar components alignment
well i have been stragling to align all the items of the navbar next to each other couldn't see where the problem is i tried to fix the size of the logo but it didn t work and the elements remaind on ...
1
vote
2
answers
27
views
ionic controlling height of controller modal
i am using a controller popup launching like this
async openNwInsights(){
const modal = await this.modalCtl.create({
component: ExplainNetworthComponent
})
modal.present();
...
- 1,306
0
votes
1
answer
25
views
How to styling AutoComplete component in Primevue
i need to how to styling AutoComplete component in PrimeVue
this is the current code sample <AutoComplete size="small" v-model="selectedEmployee" class="" placeholder=...
1
vote
1
answer
32
views
Select only the first match after each instance of another kind of match
I have a table that is broken up into groups headed by specially formatted elements. The first row of each group requires some special formatting so it is appropriately spaced and delimited from the ...
0
votes
0
answers
14
views
vs code Go To Definition for alias path css import in Astro project does not takes to original file but to client.d.ts file
I have Astro based project where using path alias for css file.
{
"paths": {
"@/assets/*": [
"src/assets/*"
]
}
}
and here is importing css ...
- 54k