806,540
questions
0
votes
0
answers
6
views
Sidebar with vertical scroll that contains drag and drop items that are not visible outside
I have a sidebar with some divs that overflow the height and so vertical scrollbar is needed.
The problem it's that these divs can be drag and dropped outside the sidebar.
So the sidebar must have the ...
-3
votes
0
answers
9
views
Child Theme Clear Retina
I am creating a child them of the Clear Retina Wordpress Theme.
Refer to this preview: https://wordpress.org/themes/clean-retina/preview/
The theme has a narrow separator that does not appear to be ...
0
votes
0
answers
11
views
CSS for Page break when generating a form using FTL
I have been beating my head into the wall trying to get this form to format correctly when printed. The problem I have is that when I try to tell it where to insert page breaks manually, it still does ...
0
votes
0
answers
17
views
How do I attach the tooltip to the Input type range slider and update the values
I have a slider with five breakpoints, as shown in the example code below. I want to attach a tooltip to the slider thumb and dynamically update the tooltip values based on a 4.25% interest for each ...
0
votes
0
answers
10
views
How do I duplicate my react megamenu code?
I attempted to create a megamenu for the first time. I created it for one option in my navigation bar and now I want to duplicate it for the other options I have. Here is the code I have for my ...
-2
votes
0
answers
15
views
How to Implement Group Management Features in a Web Application [closed]
I'm working on a web application where I need to implement group management features. The requirements are as follows:
Add People to Create Groups: Users should be able to create groups by adding ...
-2
votes
0
answers
21
views
I want to display each item in individual div element but how do I create an element? [closed]
The program is supposed to display individual array items in "tue" array,the problem is how to create a div but inside an existing div "cent", how do I solve this or is there any ...
1
vote
0
answers
12
views
How to change background color of st.text_input() in streamlit?
I am trying to change the background color of st.text_input() box but unable to do so.
I am not from web/app development background or with any html css skills so please excuse my naive or poor ...
1
vote
0
answers
106
views
Is it possible to detect (with CSS or JavaScript) whether Safari has compact tabs enabled?
If you're not familiar, Safari on macOS and iPadOS supports compact tabs in Safari, which lets the top of the screen bleed up into the UI chrome, similar to how the top of a page bleeds into the ...
1
vote
0
answers
31
views
transform transition image 'jumping' at start and end of animation
So I have a div that I want to expand (along with all elements it contains) when hovered over.. it's mostly working except at the start and end of the animation the background image 'jumps' to an odd ...
0
votes
0
answers
20
views
Old Iteration of index.html Loading Over New
Every time I try to redeploy to my site and make changes to my index.html it shows the new version for a split second and then loads the old version. Here is a list of things I have done to fix it but ...
0
votes
0
answers
12
views
Rollup.js is trying to access "*.css?inline"
I apologize if this is a dumb question as I am not a web developer.
I am trying to use rollup.js to bundle a web components pack to use inside WebIQ. When building with
rollup -c --bundleConfigAsCjs
...
0
votes
1
answer
49
views
Positioning navbars based on window scroll
I have a page with three navbars. During scrolling navbar1 must remain fixed, navbar2 must scroll away, navbar3 must append to navbar1.
Also in main I have a sidebar where I can't manage the height so ...
-1
votes
1
answer
38
views
Remove the space between 2 elements under each other using flex
I have a side-bar with 2 links.
The active route gets a mirrored element in the side-bar like this (see the about link):
What I want is to remove the gap between the 2 Abouts.
Here is the html for ...
0
votes
0
answers
40
views
Styling HTML5 audio player hover issues
sorry i know this might be a bit of a duplicate post - but im desperate!
I am trying to style the HTML5 audio player for a laytheme / wordpress website and getting stuck with some unwanted hover ...
0
votes
1
answer
24
views
Framer motion background color change from left to right [duplicate]
I saw this effect on the following website (link below), and I tried to replicate it using framer motion (React.js), but it didn't work.
The effect is, when the user hover on the card, the background ...
0
votes
0
answers
38
views
Css grid with auto item height [duplicate]
I want to create a grid layout that will have 2 items on each row and the grid should respect each item height depending by the text inside.
.container {
display: grid;
grid-template-...
-3
votes
1
answer
62
views
How to display a text into a HTML DIV tag [closed]
I am working on a project that requires text included within a HTML DIV tag to be displayed with the splitFlap effect, I found the following example in codepen, however I cannot replicate the example.
...
-3
votes
0
answers
28
views
I want the react code for if i fill the login form means the data will be store in the another component and the data will be only visible for admin [closed]
If i use the react persistor means the data will be not store properly
I want the react code for if i fill the login form means the data will be store in the another component and the data will be ...
0
votes
0
answers
27
views
How do you build a React component that can be dynamically resized via both the left and right side, with the other side staying in place?
I'm trying to build a resizable component that can be resized from either the left or right side. The user should be able to change the width of the component from either the left or right side. If ...
0
votes
1
answer
42
views
Slowly Make DIV come into screen then dim background
I have a div that pops up when I click an tag. This is achieved using JS.
display: none;
background-color: #100E0B;
position: absolute;
text-align: center;
font-family: Georgia, '...
0
votes
0
answers
29
views
The scrollbar only works when viewed through devtools [closed]
I have a website where I'm trying to make a scroll bar. I want to make it so that cards can be scrolled horizontally thanks to the cursor and it works! In the html there is a section with class “card”,...
0
votes
0
answers
17
views
Simple Nextjs page with background image creates y-scroll
index.js
import styles from "../styles/Home.module.css";
export default function Home() {
return (
<div className={styles.container}>
</div>
);
}
Home.module.css
....
0
votes
1
answer
72
views
Split text into lines without using line-clamp
I am generating multiple words from a JSON file and want to display only two lines at once, currently I am using line clamps but it truncates the last word of the second line. If the word is being ...
0
votes
1
answer
39
views
Setting value of left var doesn't show in transition animation
let elem = document.querySelector(".e")
let but1 = document.querySelector(".but1")
let but2 = document.querySelector(".but2")
but1.addEventListener("click", () => {
elem.style.setProperty("--x", `...
0
votes
0
answers
31
views
How to Connect this Scrolling Feature & removing that gap? [duplicate]
Newbie here!
Easy Question for those with experienced eyes!
Okay, first the code (Pt 1 HTML, Pt 2 CSS, & Pt 3 JavaScript) and then my question (pt 4) at the end!
Pt 1 HTML code is:
<!...
0
votes
0
answers
30
views
Why css is not updating in my django project? [closed]
I was working on django project and apparently css is not updating. It sticked to the css that I wrote last time. Help me to find solution!
I tried to refresh in chrome with Ctrl+R, Ctrl+Shift+R. I ...
0
votes
2
answers
45
views
Dropdown menu behaves wrong when <button> is changed to <a>
I have a dropdown menu that works as expected when using a <button> element. The menu appears right below the button as it should be. However, when I change the element to an <a> tag, the ...
0
votes
1
answer
41
views
Why is this css sibling selector not selecting all the siblings?
li:has(>label) {
background: #0c0;
}
li~li:has(>label) {
border: 4px solid #c0c;
}
<ul tabindex="-1">
<li><input type="radio"/ name="r6a" id="r61a" value="6....
-1
votes
1
answer
24
views
Wrap when equal-width containers get too small to contain their content
I have a row flexbox with these requirements:
The flexbox has two child flex items
The flex items ALWAYS have the same width
As soon as the container becomes small enough that ANY of the flex items ...
0
votes
1
answer
59
views
Image clipping through navbar when I change opacity
I am using JavaScript to make the background content of my webpage have reduced opacity when the 'sidebar' appears.
I have div with the class "burger-icon" which is inside the nav.
I have ...
-1
votes
2
answers
72
views
Why is my :nth-child not working on my ID selector
I have a wordpress site where the divs are ID's and cant just make the one background color black. I have tried :nth-child(1) and :nt-child(3) but its not working. And I cant change the ID's as its ...
-1
votes
1
answer
39
views
Tailwind custom width and Height for Images
I am using tailwind. I want my images to have different sizes for mobile and full screen. For full screen I want 250px by 250px; mobile 150px by 150px.
I am not sure how to go about it using tailwind. ...
0
votes
0
answers
41
views
A font I imported from Google Fonts isn't rendering (Sphinx)
I am trying to import a font from google fonts, this one, but it is not rendering. I've been following this post, but it's not really working.
I've asked this question before, and when I encountered ...
0
votes
0
answers
33
views
The line-clamp Tailwind CSS class not functioning correctly at all in my Next.js application
I am working on displaying Shad CN cards with the same height and width in my Next.js application, but text overflow is preventing this. How can I control the text overflow in the CardTitle and ...
-1
votes
1
answer
62
views
Why is the font color not visible in this inline CSS formatting? [closed]
I expected to see a white font, but everything is blue. Why does this happen?
<p style="color:rgba(0, 0, 255, 0.0); background-color: rgba(0, 0, 255, 1.0);">
Hello, World!
</p>...
-1
votes
0
answers
44
views
How do I change the checkbox layout to grid format
How do I change the checkbox layout to grid format with nextjs code in tsx format, so that the layout of the checkboxes placed in this syntax
<input
className="form-check-input"
type=&...
-3
votes
0
answers
45
views
How can I achieve this using html? [closed]
I have been trying to bring out this design using html but it's not working. I'm a beginner.
Please assist me 🙏 it's an assignment and I have to submit before this week ends.
Most especially the ...
-1
votes
1
answer
30
views
Issue with css margin property margin: 0px auto;
I'm trying to build responsive navbar in reactjs
navbar.jsx
const CustomNavbar = () => {
return (
<header className="main row">
<nav className="xs-...
-1
votes
0
answers
35
views
Trouble Displaying SVG Sprites with `<object>` and `<iframe>` in Chrome
I'm designing an interface and trying to display SVG sprites using the <object> and <iframe> elements in Chrome, but the SVGs aren't showing up. They work perfectly with <use>, but I ...
0
votes
0
answers
14
views
Vertical align and center of container using flex-box [duplicate]
How to fit only one item in the center of the container using flex-box?
I can use the justify-content, but it works for all items.
I need to apply justify-content only in one item, probably using flex-...
0
votes
0
answers
22
views
Smooth Carousel Not Looping Properly - Jumps After Last Image
I'm working on creating a smooth carousel, but I'm running into an issue. After the last image is displayed, the website background shows up before it jumps back to the first image. I want the ...
0
votes
1
answer
37
views
How can I add style to my responsive menu navbar?
I created a navbar with a logo on the left side, links on the right side and another 2 links that are highlighted and I added a icon menu, which appears on small screens, but, the problem is that when ...
-2
votes
0
answers
29
views
Material UI Grid and CSS Flex-Box causing the child to overflow the parent container [closed]
The following is the problem
Context: I have 5 components that I need to display such that 3 components are horizontally aligned followed by 4 and 5 which are vertically aligned.
All these components ...
-1
votes
0
answers
23
views
I am running Formidable Views on my website. I have a nested view as a result there is a large amount of information on the page
I am attempting to create tabs within the view to better display the information. I have tried to use HTML and CSS to absolutely no avail. Please assist if there is other ways I can go about it.
I ...
-3
votes
0
answers
26
views
Extra White space in the page [closed]
extra white space is showing in the webpage in responsive design for mobile only after applying the script tag how to remove it
help me with the solution on how to remove it and get rid of these white ...
0
votes
0
answers
14
views
How to change color of Selected values from Combobox in LwC
I have this piece of code, i need to the change the color of the selected to red instead of black(which is default) How shall I achieve this?
<template>
<lightning-combobox
...
0
votes
1
answer
55
views
How can I tell when the width of an inner element exceed that of the outer element
I need to find a way of finding out whether the inner child element's width exceeds that of the parent element. The following is my code.
<section class="anchor-links">
<div ...
0
votes
1
answer
19
views
SASS Scoping Issue on a wordpress theme called Flynt
I have an issue with scoping and I can not understand why. I am using the Flynt wordpress theme with components . I am trying to build a component with scoping but it doesn't work (I have seen other ...
-3
votes
0
answers
25
views
weather app min and max temperatures in flexbox are not next to each other [closed]
I am building a weather app in javascript and the max and in temps are on top of each other, not next to each other. The icons are from the icon URL of the api and the issue started the minute i ...