Skip to main content
Filter by
Sorted by
Tagged with
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 ...
marcotw's user avatar
  • 113
-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 ...
downeyt's user avatar
  • 1,290
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 ...
Dustin Brause's user avatar
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 ...
Sathish Kumar's user avatar
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 ...
Adam Mustafa's user avatar
-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 ...
S O H A M I A M's user avatar
-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 ...
Dev Mathew 's user avatar
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 ...
ViSa's user avatar
  • 1,825
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 ...
Justin Searls's user avatar
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 ...
tobyallwood's user avatar
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 ...
user27256800's user avatar
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 ...
Ian Noriega Nuñez's user avatar
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 ...
andrea_garo's user avatar
-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 ...
GoldenBags's user avatar
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 ...
JosephT's user avatar
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 ...
user10033434's user avatar
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-...
Asking's user avatar
  • 4,078
-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. ...
Ramiro's user avatar
  • 405
-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 ...
syed buhari's user avatar
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 ...
Kyle's user avatar
  • 169
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, '...
Noah 's user avatar
  • 351
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”,...
Denis's user avatar
  • 1
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 ....
Student's user avatar
  • 33
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 ...
Rohith Nambiar's user avatar
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", `...
Gargi Bindal's user avatar
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: <!...
Scholah's user avatar
  • 23
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 ...
Behzod Musurmonqulov's user avatar
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 ...
edow's user avatar
  • 3
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....
rhavin's user avatar
  • 1,652
-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 ...
Hyperbo Lee's user avatar
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 ...
Declan Davies's user avatar
-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 ...
Jessica's user avatar
  • 51
-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. ...
Paul Kendal's user avatar
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 ...
Skrillx's user avatar
  • 11
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 ...
Ritesh Raj's user avatar
-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>...
raul's user avatar
  • 67
-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=&...
satrio's user avatar
  • 33
-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 ...
Eneojo's user avatar
  • 1
-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-...
Mohan mohan's user avatar
-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 ...
thegreatwhatsit's user avatar
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-...
danilo's user avatar
  • 9,081
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 ...
Junior Vasconcellos's user avatar
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 ...
lushcries's user avatar
-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 ...
Roy33's user avatar
  • 1
-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 ...
Basic Visual Malawi's user avatar
-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 ...
Anubhav Singh's user avatar
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 ...
Pixel's user avatar
  • 51
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 ...
Kieran Lythgoe's user avatar
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 ...
Christian Stoyanov's user avatar
-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 ...
Paula Malimba's user avatar

1
2 3 4 5
16131