806,277 questions
Score of 3
4 answers
118 views
Looping SVG as an <hr /> graphic
I created an SVG shape in Inkscape that I want to use as an <hr /> graphic. My hope is that by using an SVG, I can have it inherit the fill color from the current text color so that I don't have ...
Score of 0
0 answers
79 views
How can I apply custom syntax highlighting colors to CodeMirror to match Prism.js Okaidia theme?
I am building a coding tutorial website and using Prism.js (Okaidia theme) for static example boxes and CodeMirror for the interactive editor. I want to match the colors of both.
The Comparison:
...
Score of -3
0 answers
81 views
Using CSS linear-gradient in SVG [closed]
linear-gradient is a CSS function defining a value of CSS type image.
<linearGradient> is an SVG element, and not the purpose of this question.
Is it possible to use the CSS linear-gradient to ...
Score of -5
0 answers
98 views
How does the javascript css div viewport know which html center is being displayed? [closed]
I am trying to understand if the browser javascript knows when the css has finished putting the div into the viewport center perspective.
For example if the html div is centered, is the center stored ...
Score of 0
1 answer
67 views
Elementor Free: JavaScript changes tab-specific background image, but disables the default background when page is opened from the main menu
I’m using WordPress + Elementor Free and an Elementor Nested Tabs widget.
The website is aquariustile.com
I have a Services page with five tabs:
Bathrooms — #bathrooms
Kitchen — #kitchen
Flooring — ...
Score of 1
1 answer
117 views
Flex items do not wrap around floated elements
Edit: To better illustrate the issue, I create an MRE. Under a normal layout, all three paragraphs wrap around the floated element.
.container {
width: 530px;
background-color: darkgray;
padding:...
Score of 1
1 answer
121 views
How do I deploy a website using a separate CSS stylesheet?
I want to write a website in HTML using a separate stylesheet in CSS. When I open the index.html directly from my computer everything looks right, but when I commit + push it to GitLab and open my URL,...
Score of 2
1 answer
129 views
Align all dates and names in a list
I'm trying to make a list of blog posts, with the date of the post before the name of the post. I've embedded it in a list, like so:
<ul>
<li>
<time>2020-01-01</time&...
Score of 0
2 answers
108 views
How can I apply a CSS hover effect to each individual <h3> when I hover over it, and not apply to all the <h3>'s?
I am trying to create a rising effect when you hover over an h3 by changing its bottom margin. The problem I'm running into is that whenever I hover over any h3 all the h3's rise up. I wish to learn ...
Score of 0
0 answers
70 views
Wordpress custom css - how to overwrite existing rules
The link to the wordpress site I'm working on: https://mywritingmatters.com/
I'm having some difficulty overwriting existing CSS styles using custom CSS.
For example, I'd like to change the font of ...
Score of -2
0 answers
92 views
How is CSS blur so fast? [closed]
I tried to make my own real-time Gaussian blur or box blur in a game, but no matter how i implemented it, applying blur to 2D sprites in runtime made the game too slow to be viable.
So i tried how ...
Score of 0
1 answer
58 views
Full Calendar JS does not detect styles
I have a Blazor application (using Interactive Server render mode) and I am trying to implement Full Calendar library adding the CDN documentation recommends, the calendar is shown, however when I add ...
Score of 1
1 answer
61 views
Scroll horizontal and vertical with scrollbars outside the content
EDIT: it seems the problem comes from firefox using overlay scrollbars that are on the content. Edge using normal scrollbars doesn't.
ORIGINAL:
I'm trying to have scrollable containers with the ...
Score of 1
1 answer
273 views
How to make an animated menu icon show/hide menu
I'm trying to make the animated menu icon open ☰ and close X the menu links. Instead of making two separate buttons, I can just code it in one button.
I've managed to give my menuIcon an onlick ...
Score of 0
0 answers
105 views
2-column flexbox layout without nesting divs
I'm trying to control the design of a page where I have no control over the HTML that's output, so my solution needs to be CSS only. The HTML I'm trying to style is basically the following:
<div ...